Headless CMS + React - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ericgui
V2EX    Node.js

Headless CMS + React

  •  
  •   ericgui 2019-09-04 10:57:48 +08:00 9779 次点击
    这是一个创建于 2234 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近我发现这个Headless CMS的概念在美国很火,原因无他,节省时间,不用开发后端。

    至于前端,可以用 react 这样的前端框架来写。

    感觉两头好处都占了。

    我原先写 PHP 的,反正是被 wordpress 给恶心到了。但自己从头实现一个功能齐全、没有明显 bug 的后端,又确实比较费劲一点。

    所以就搞出来这个 React 使用 wordpress rest api 的模式来了,确实很省事。

    https://github.com/buzzycloud/buzzyblog

    各位老铁请轻拍

    第 1 条附言    2019-09-05 10:38:40 +08:00
    我看不少人收藏这帖子

    老铁们能不能帮忙点个 star ?谢了
    22 条回复    2019-09-04 23:41:36 +08:00
    P233
        1
    P233  
       2019-09-04 11:07:59 +08:00
    Gatsby 配合 Headless CMS 感觉是现阶段最好的建站方案了
    ericgui
        2
    ericgui  
    OP
       2019-09-04 11:09:05 +08:00 via Android
    @P233 咱这是自己尝试着实现一下这个模式,确实有优势
    dimlau
        3
    dimlau  
       2019-09-04 11:11:08 +08:00
    Ixizi
        4
    Ixizi  
       2019-09-04 11:15:04 +08:00
    最近在整 Gatsby.js 确实很爽
    mayne95
        5
    mayne95  
       2019-09-04 11:23:05 +08:00
    再用上 Netlify、Cloudflare-worker 这些服务。JAMstack、FaaS 一把梭是真的很舒服。
    arslion
        6
    arslion  
       2019-09-04 11:24:27 +08:00
    昨天刚刚在 thoughtworks 的技术雷达里注意到 headless CMS
    ericgui
        7
    ericgui  
    OP
       2019-09-04 12:10:46 +08:00 via Android
    @mayne95 是的
    hoyixi
        8
    hoyixi  
       2019-09-04 12:22:08 +08:00
    是的,可以只用 WordPress 好用的后台功能,尤其是图片上传、管理、尺寸调整之类。

    现在类似专门的服务也不少,比如 Contentful, 可以说是 Serverless,也可以说是 Headless CMS
    ericgui
        9
    ericgui  
    OP
       2019-09-04 13:18:47 +08:00
    @hoyixi 是的,作为一个普通用户,用 wp 还是挺好用的

    但作为一个开发者,wp 就太让人痛苦了
    xi_lin
        10
    xi_lin  
       2019-09-04 13:32:26 +08:00
    求教一下,Headless CMS 的好处是啥?我搜了下还是没看懂。还是需要一个 cms 服务在运行,只是只用 api 和它进行交互是吗?
    ericgui
        11
    ericgui  
    OP
       2019-09-04 13:41:11 +08:00 via Android
    @xi_lin 对,

    比如 wp,你有一个服务器运行 wp,wp 会提供了 restful api,你可以用前端 app 来获取数据,定制一个新的博客,增加新的功能,甚至增加 wp 不可能提供的功能。

    更重要的原因是,现代 js 框架都很强大,wp 还是用 php 和 html 混写,太恶心了,很难定制,而且还在用 jq
    rogwan
        12
    rogwan  
       2019-09-04 13:50:56 +08:00 via Android
    @ericgui wp 尾大不掉,全新重构的话周边生态全部重来,等于就是新立一个项目。现在都是 SNS 平台化,算法推荐内容,独立站的市场不大了,wp 官方也就没有很强意愿重写。
    vhkdiy
        13
    vhkdiy  
       2019-09-04 13:52:18 +08:00
    Headless 是挺节省时间的,但涉及微信公众号和小程序怎么办,国内做产品肯定有其中一个
    ericgui
        14
    ericgui  
    OP
       2019-09-04 14:05:39 +08:00 via Android
    @vhkdiy 谢谢反馈,这个我会继续探索一天,看怎么办比较好
    ericgui
        15
    ericgui  
    OP
       2019-09-04 14:06:33 +08:00 via Android
    @vhkdiy 错字。探索一下。

    请大佬点个 star,保持对我的关注。

    有更新会继续放上来
    satgi
        16
    satgi  
       2019-09-04 14:14:00 +08:00
    ericgui
        17
    ericgui  
    OP
       2019-09-04 14:26:34 +08:00 via Android
    @satgi 多谢
    eluotao
        18
    eluotao  
       2019-09-04 15:45:16 +08:00
    分享一个建好的实例就好了……
    fool079
        19
    fool079  
       2019-09-04 17:10:35 +08:00
    搜了一下不是很理解,希望解答一下。
    headless cms 主要是指后端提供的接口与内容展示方式无关吗?
    如果这样的话,这个约束条件是只是在后端?
    ericgui
        20
    ericgui  
    OP
       2019-09-04 23:19:18 +08:00 via Android
    @eluotao 本周搭建起来,其实就是一个普通的博客,只是用了这个 react+headkess cms 的模式
    ericgui
        21
    ericgui  
    OP
       2019-09-04 23:24:34 +08:00 via Android
    @fool079 就是找一个已经齐全功能的 cms,比如 wordpress,然后用这个它的 api,重做一个前端 app,而不是去 wordpress 里面修改它恶心的 theme。

    wp 作为一个存在了多年的 cms 系统,实在有点不符合现代的编程的概念,代码都是上古时代的东西,估计你不好适应。
    ericgui
        22
    ericgui  
    OP
       2019-09-04 23:41:36 +08:00 via Android
    @fool079 后端提供的接口,确实和展示不太相关,毕竟你只是从后端拿数据,剩下的,你自由发挥了。

    至于约束条件,确实可能是后端,有的时候,后端功能不全,或者权限不够,或者其他什么原因导致你不能很好的在前端增加某个功能
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     4708 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 01:06 PVG 09:06 LAX 18:06 JFK 21:06
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86