Table of Contents[Hide][Show]
Cov ntsiab lus thiab nws cov txiaj ntsig rau cov neeg siv khoom yog ib qho tseem ceeb tshaj plaws hauv internet niaj hnub no.
Kev tsim khoom thiab xa tawm cov ntsiab lus tuaj yeem ua rau muaj kev paub zoo txog digital, tab sis qhov tsis zoo tuaj yeem yog qhov tseem ceeb rau koj cov neeg siv khoom mus ncig ua si zoo.
Yog li ntawd, kom nyob twj ywm kev sib tw, txhua lub koom haum yuav tsum tswj hwm thiab muab cov ntsiab lus zoo.
Ib daim ntawv tshiab ntawm Cov Txheej Txheem Kev Tswj Xyuas Txheej Txheem (CMS) tau nce siab los pab cov ntsiab lus.
Lub sijhawm no, nws zoo li Headless CMS tsis tuaj yeem nres, yog li Hashdork tau xaiv los muab kev nkag siab rau Headless CMS thiab lub platform zoo tshaj plaws rau 2022.
Traditional CMS yog dab tsi?
Peb ib txwm xa mus rau CMSs classic thaum peb tham txog kev tswj cov ntsiab lus.
Ib tug raug CMS (tseem hu ua ib tug txuas CMS) yog ib tug software cuab tam uas muaj ob lub sub-systems: ib tug rau khaws cia thiab tswj cov ntaub ntawv (hu ua "rov qab-kawg"), thiab lwm yam rau nthuav tawm cov khoom ntawd mus rau qhov kawg- cov neeg siv (hu ua "pem hauv ntej-kawg" system).
Cov txheej txheem tswj hwm cov ntsiab lus ib txwm muaj (CMSs) muab cov tswv lub vev xaib txhua yam lawv xav tau los tswj thiab tshaj tawm cov khoom siv digital, suav nrog cov cuab yeej rov qab rau kev teeb tsa cov cuab tam digital ntawm lub webserver thiab cov cuab yeej hauv pem hauv ntej kawg xws li WYSIWYG cov neeg kho kom nthuav tawm nws ntawm nplooj ntawv web.
Lawv tau tsim tshwj xeeb rau kev tuav cov ntsiab lus ntawm lub vev xaib. WordPress, CMS Hub, Drupal, thiab lwm yam kev paub txog kev tswj hwm cov ntsiab lus yog tag nrho txuas.
Cov CMSs no, feem ntau, muaj cov ntsiab lus databases, ib lub tswv yim los tsim, nyeem, thiab hloov kho cov ntsiab lus, thiab cov cuab yeej cuam tshuam rau tig cov ntaub ntawv mus rau hauv nplooj ntawv web.
Headless CMS yog dab tsi?
Lub taub hau tsis muaj CMS yog ib qho uas tsuas yog tswj cov ntsiab lus rov qab. Tsis zoo li CMS ib txwm muaj, CMS tsis muaj lub taub hau tsis muaj kev tswj hwm cov ntsiab lus qhia li cas rau cov neeg siv kawg.
Daim ntawv thov programming interface (API), es tsis yog lub hauv ntej-kawg, yog siv los ntawm CMS headless los muab nws cov peev txheej khaws cia.
API yog qhov tseem ceeb ntawm cov txheej txheem uas tuaj yeem siv los ntawm txhua qhov kev pab cuam software kom tau txais cov ntaub ntawv los ntawm CMS. Hauv kev tsim CMS tsis muaj taub hau, REST APIs feem ntau ua haujlwm.
Ib qho cuab yeej tshaj tawm sab nraud tuaj yeem siv API los nqa cov ntsiab lus los ntawm lub taub hau CMS thiab nthuav tawm nws ntawm txhua qhov channel, txawm tias nws yog lub vev xaib lossis tsis yog.
Cov neeg lag luam thiab cov neeg tsim khoom siv tau siv WYSIWYG zoo li kev hloov kho interface los pab txhawb cov khoom siv rau lub taub hau tsis muaj CMS, uas zoo li zoo ib yam lossis zoo ib yam rau lub backend zoo li WordPress.
Cov neeg tsim tawm tuaj yeem siv lawv cov cuab yeej nyiam los tsim kev hloov pauv tau yooj yim, zoo nkauj interfaces thaum lub backend kev tswj hwm ntawm lub vev xaib cov ntsiab lus raug cais tawm ntawm frontend uas qhia nws.
Txhawm rau tsim cov chaw ceev, ruaj ntseg, thiab ua kom muaj peev xwm, lawv muaj kev ywj pheej los ntiav React thiab GraphQL, nrog rau cov txheej txheem Git.
Vim li cas thiaj siv Headless CMS?
Lub tswv yim ntawm CMS headless yuav tshwm sim tsis meej pem thaum xub thawj. Vim li cas koj thiaj xav tshem tawm cov cuab yeej uas ua kom yooj yim tshaj tawm cov khoom rau koj lub vev xaib?
Tab sis ntawm no yog qhov: niaj hnub no hauv internet yog ntau tshaj li cov vev xaib thiab cov nplooj ntawv web, thiab cov lag luam tau nqis peev rau nws.
Cov ntsiab lus tuaj yeem nthuav tawm los ntawm kev siv xov tooj ntawm tes, tshaj tawm, cov pab cuam digital, smartwatches, TVs, thiab lwm yam khoom siv nrog kev sib txuas hauv internet. Multichannel kev faib tawm yog qhov nyuaj ntawm qhov zoo tshaj plaws thiab tsis yooj yim rau qhov phem tshaj nrog tus qauv lub vev xaib-oriented CMS.
Yog tsis muaj txoj hauv kev los qhia cov khoom nws tus kheej, lub taub hau CMS tsis siv ntau.
Qhov kom zoo dua ntawm lub taub hau tsis muaj vaj tse, ntawm qhov tod tes, yog tias nws tso cai rau cov neeg tsim khoom siv lawv tus kheej cov kev daws teeb meem pem hauv ntej rau cov khoom siv raw es tsis yog kho tus qauv CMS kom tau raws li lawv cov kev xav tau.
Lub tshuab xa tawm pem hauv ntej tuaj yeem lees txais cov ntaub ntawv los ntawm CMS thiab format nws txawm nws xav tau, tsuav nws paub siv CMS's API.
Txhawm rau muab tso rau lwm txoj hauv kev, cov neeg tsim khoom tuaj yeem txuas ntau "lub taub hau" (cov yeeb yaj kiab) raws li lawv nyiam rau "lub cev" (CMS), uas tuaj yeem ua tau zoo heev.
Sab saum toj 5 Headless CMS Platforms
Hauv qab no yog cov saum toj kawg nkaus headless CMS platforms:
- strapi
- Zoo
- Directus
- Butter CMS
- Cov ntsiab lus
1. strapi
Strapi yog qhov qhib-qhov Node.js headless kev tswj cov ntsiab lus uas tso siab rau cov neeg koom nrog. Tom qab kev teeb tsa, Strapi tsim cov haujlwm RESTful API lossis siv GraphQL rau cov neeg tsim khoom hauv feeb.
API configurable yog siv los ua kom cov ntaub ntawv muaj. Strapi yog qhov kev tswj hwm tus kheej cov ntsiab lus ntau dua li qhov kev pabcuam SaaS. Nyob rau hauv lub neej yav tom ntej, lub koom haum yuav muab ib tug hosted version.
Strapi lub hom phiaj tseem ceeb yog los tsim ib qho API txhim khu kev qha thaum tseem muab qhov yooj yim-rau-siv admin interface.
Thaum Strapi muaj cov yam ntxwv uas ua rau kev tswj cov neeg siv sijhawm thiab cov apps yooj yim dua, cov neeg siv tau muaj teeb meem nrog rub-thiab-nco interface thiab array ntawm cov ntaub ntawv qee zaus.
Nws tso cai rau koj tsim koj tus kheej cov ntsiab lus hom qauv, suav nrog pawg xws li Cov Ntawv, Hnub, Media, Password, Kev Sib Raug Zoo, thiab Tus lej. Koj tuaj yeem kho qhov API code los ntawm kev kho nws.
Nws kuj tseem muaj cov ntaub ntawv tsim tawm pib, kev sib koom ua ke, thiab plugins ecosystems uas npaj siv.
pros
- Nws los nrog ib tug zoo heev interface rau modeling cov ntaub ntawv ncaj qha tawm ntawm lub thawv. Qhov no txhais tau hais tias koj yuav tsis tas sau cov lus nug lossis tsim cov ntxhuav database.
- Nws kuj tso cai rau koj los tswj leej twg tuaj yeem siv koj cov APIs kom haus koj cov ntaub ntawv.
- Nws pib raws li NodeJS MVC lub moj khaum, thiab nws tseem nyob hauv qhov ntawd. Koj tuaj yeem yooj yim ntxiv cov ntsiab lus API tshiab raws li xav tau thiab tsim kev cai logic hauv cov qauv thiab cov tswj hwm los txhawb lawv.
- Koj tuaj yeem tsim txhua hom ntaub ntawv sib raug zoo siv Strapi's admin UI, suav nrog Ib-rau-Ntau thiab Ntau-rau-Ntau qhov sib txuas.
- Nws muab cov ntaub ntawv REST thiab GraphQL APIs tawm ntawm lub thawv. Koj tuaj yeem tau txais Swagger / GraphQL cov ntaub ntawv dawb yog tias koj tsim koj cov chaw hauv Strapi Admin.
cons
- Nws tau sau tag nrho hauv JavaScript. Yog tias koj xav siv TypeScript, koj yuav tsum siv ib pob ntxiv los hloov cov qauv uas twb muaj lawm rau hauv TypeScript code.
- Nws lis txhua hom ntsiab lus hom creation / hloov tshiab pob tshab rau hauv cov ntaub ntawv. Qhov no txhais tau tias koj yuav tsum tswj cov ntaub ntawv tsiv teb tsaws chaw hla ntau qhov chaw.
pricing
Koj tuaj yeem pib siv lub platform nrog nws cov phiaj xwm hauv zej zog, uas yog pub dawb mus ib txhis. Nws kuj tseem muab cov phiaj xwm hwm uas pib ntawm $ 9 / tus neeg siv admin / hli. Nyob rau hauv lub neej yav tom ntej, lub koom haum yuav muab ib tug hosted version.
2. Zoo
Sanity yog ib qho zoo tshaj plaws CMS tsis muaj taub hau ntawm kev ua lag luam, xws li cov koom haum xws li Nike, Daim duab, National Geographic, thiab lwm tus tau pom los ntawm kev siv nws.
Nyob rau hauv cov nqe lus ntawm kev loj hlob, sanity yog heev adaptable. Qhib-qhov kev txhawb nqa, ntau yam plug-ins, thiab qhov yooj yim los tsim cov khoom siv raws li qhov xav tau tso cai rau kev kho kom haum.
Cov neeg tsim khoom tuaj yeem siv JavaScript thiab React los kho tus kheej cov kev hloov kho interface, thiab cov backend tuaj yeem nkag tau yooj yim nrog APIs ruaj khov thiab cov ntaub ntawv tsim qauv muaj peev xwm.
Kev saib ua ntej nyob, kev sib koom tes ntawm lub sijhawm, thiab keeb kwm ntawm cov ntawv sau tag nrho yog suav nrog hauv lub thawv. Nws muaj ntau qhov hloov tau yooj yim, tab sis nws kuj xav tau ntau yam kev txawj ntse los khiav.
Nws yog huab-raws li lub taub hau tsis muaj CMS uas tso cai rau cov tswv cuab ntawm koj pab neeg cov ntsiab lus los koom tes hauv lub sijhawm.
Cov neeg tsim khoom thiab cov neeg lag luam tuaj yeem muab cov lus pom thiab cov tswv yim ntawm ib qho ntawm cov ntsiab lus, nrog rau kev hloov pauv hauv cov ntsiab lus cav, hauv Sanity Studio editor.
pros
- Nws yog qhov yooj yim heev.
- Ib cag los ntawm cov qauv kev paub hauv online, koj yuav muaj ntau yam kev siv.
- Muaj ntau ntau npaj-rau-siv plugins thiab extensions.
- Cov ntaub ntawv uas sau tau zoo thiab nkag siab yooj yim.
cons
- Txhawm rau teeb tsa cov khoom lag luam, kev paub txuj ci siab heev yog xav tau.
- Nws xav tau kev tswj hwm ntau dua li lwm lub platform.
pricing
Koj tuaj yeem pib siv lub platform nrog nws cov phiaj xwm hauv zej zog, uas yog pub dawb mus ib txhis. Nws tseem muab cov phiaj xwm hwm uas pib txij li $ 99 / project / hli.
3. Directus
Yog tias koj muaj SQL database niaj hnub, Directus yog qhov zoo heev tsis muaj CMS. Nws tau tsim hauv vue.js, pej xeem API yog RESTful, thiab nws tau siv los ntawm Node.js. Vim tias Directus yog qhov chaw qhib, koj tuaj yeem siv nws yam tsis muaj kev txwv.
Cov pob khoom suav nrog tus kheej-tswj tus kheej tswj hwm app rau cov neeg kho thiab cov ntsiab lus API rau cov tsim tawm.
Nws yog qhov tseem ceeb rau kev tso cai rau koj xaiv thiab xaiv cov tsev qiv ntawv, cov cuab yeej, thiab pawg koj xav tau rau koj qhov project. Cov neeg tsim tawm tuaj yeem siv Directus nkag mus rau cov ntsiab lus ntawm ib qho API los yog SDK, ib qho kev sib txuas ncaj qha database, lossis raws li daim ntawv thov ib leeg.
Lub Admin App kuj tso cai rau cov neeg siv tsis yog IT tswj cov khoom siv. Lub platform muaj lub zog version tswj mechanism uas tso cai rau version rollbacks thiab retrieval.
Nws yog qhov zoo tshaj plaws rau cov dej num uas xav tau lub teeb yuag thiab hloov tau yooj yim heev.
pros
- Nws yog dawb thiab Qhib qhov chaw.
- Nws txhawb ntau qhov kev xaiv hosting, suav nrog tus kheej-hosting thiab multiplatform hosting.
- Lub database muaj keeb kwm zoo li thaub qab.
- Nws yog ib qho yooj yim los siv txawm rau cov neeg uas tsis yog kev siv tshuab.
- Nws suav nrog dynamic API siv.
- Nws yog cov ntaub ntawv zoo.
cons
- Relational databases yog tib qho uas siv tau.
- API muaj cov yam ntxwv tshwj xeeb uas koj yuav tsum hloov kho.
pricing
Koj tuaj yeem pib siv lub platform nrog nws cov phiaj xwm huab hauv zej zog, uas yog dawb mus ib txhis. Nws tseem muab cov phiaj xwm hwm uas pib txij li $ 25 / hli.
4. Butter CMS
Butter CMS yog CMS headless uas tso cai rau seamless cov ntaub ntawv tsiv teb tsaws los ntawm cov laus CMS systems.
Nws muaj SDKs thiab Framework plugins rau Ruby, Rails, NodeJS, PHP, Laravel, .NET, Python, Django, JavaScript, React, thiab ntau lub moj khaum.
Cov ntsiab lus kev cai, lub tsev qiv ntawv xov xwm, CDN rau cov khoom muaj nqis, ib puag ncig kev sim, webhooks, thiab ntau yam ntxiv muaj nyob hauv ButterCMS.
Kev hloov pauv cov ntsiab lus, kev txhawb nqa ntau qhov chaw thiab ib puag ncig, kev kho keeb kwm yav dhau los, kev teem sijhawm, thiab ntau ntxiv yog txhua yam muaj. Nws muaj cov neeg siv interface uas qab ntxiag, huv si, thiab siv tau yooj yim.
Lub dashboard, blog posts, nplooj ntawv, cov ntawv sau, cov tsev qiv ntawv xov xwm, cov neeg siv, thiab cov kev sib txuas tseem ceeb xws li lawv cov kev paub hauv paus thiab cov ntaub ntawv yog txhua yam muaj nyob ntawm sab laug sab laug.
Los yog tsim los ntawm hauv av nrog cov neeg tsim khoom hauv siab kom tso cai rau kev sib koom ua ke sai tshaj plaws.
pros
- Nws muaj qhov yooj yim thiab siv tau yooj yim UI.
- Nws suav nrog lub cav blog los ntawm lub neej ntawd.
- Cim npe tuaj yeem pab koj npaj koj lub tsev qiv ntawv Media.
- Ua ntej txuag koj cov duab rau hauv Media Library, koj tuaj yeem hloov kho lawv.
cons
- Tsis muaj autosave.
- Nws yog vim qhov tsis muaj cov ntawv sau qib siab tshaj plaws thiab lub renderer plugin.
- Nws yog ib qho nyuaj rau kev tuav cov ntsiab lus rau cov chaw uas loj hlob tuaj thiab tsis yooj yim.
pricing
Koj tuaj yeem sim lub platform dawb. Nws muaj cov phiaj xwm hwm uas pib ntawm $ 83 / hli.
5. Cov ntsiab lus
Contentful yog huab-raws li headless CMS npaj rau kev lag luam uas tau lees paub tias yog ib qho zoo tshaj plaws SaaS CMSs muaj.
Cov tuam txhab saum toj kawg nkaus xws li Audible, Lyft, thiab Spotify siv nws. Qhov kev daws teeb meem no yog tsim los muab cov neeg tsim khoom muaj kev ywj pheej uas lawv xav tau thaum tseem muab cov neeg lag luam nrog kev tswj cov ntsiab lus thiab kev sib txuas lawv xav tau.
Contentful's API interfaces nrog ib qho tech pawg, cia koj pab neeg txhim kho siv lawv cov cuab yeej xaiv rau cov ntsiab lus tso saib.
Ib qho yooj yim-rau-siv tswj peev xwm, cuam tshuam nrog huab cia cov kev pabcuam xws li Dropbox, thiab cov ntsiab lus kho kom zoo yuav rov hais dua rau cov neeg tsim cov ntsiab lus.
Cov ntsiab lus tsis yog CMS; es, nws yog cov ntsiab lus infrastructure lossis CDN uas muab cov ntsiab lus.
Nws tso cai rau koj los tsim koj tus kheej cov ntsiab lus qauv thiab schemas kom nthuav tawm.
pros
- Lub UI yog huv si thiab uncluttered, tsom rau cov ntaub ntawv es tsis yog lwm yam txawv txawv.
- Qhov CMS no yooj yim txuas ntxiv thiab tuaj yeem muab kev nkag mus rau cov khoom siv dynamic.
- cov version tswj zoo heev.
- Nws suav nrog cov cuab yeej built-in zoo tshaj plaws, suav nrog keeb kwm thiab cov ntawv sau, ua kom yooj yim rau kev hloov pauv thiab thim rov qab raws li qhov tsim nyog.
cons
- Feem ntau, koj yuav xav tau kev pab los ntawm tus tsim tawm.
- Tus neeg siv interface tsis zoo li tus neeg siv khoom zoo li ntawm lwm cov kev daws teeb meem ntawm server-based CMS.
pricing
Koj tuaj yeem pib siv lub platform nrog nws cov phiaj xwm hauv zej zog, uas yog pub dawb mus ib txhis. Nws kuj tseem muab cov phiaj xwm hwm rau pab pawg uas yog $ 489 / hli.
Headless CMS Siv Cases
Ib lub taub hau CMS tuaj yeem xa cov ntsiab lus mus rau ib qho channel, xws li iOS app, ib nplooj ntawv web app, lossis digital signage. Hauv qab no yog qee qhov kev siv:
1. Tsim Native Applications
CMS headless tau yug los nyob rau hauv haiv neeg apps. CMS ib txwm tsis tsim nyog rau kev xa khoom raw rau koj lub app tshiab, txawm li cas los xij, CMS tsis muaj taub hau tso cai rau koj tswj hwm.
Nws yog qhov zoo rau thaum koj lub iOS lossis Android app muaj cov ntawv nyeem lossis cov cuab yeej digital uas koj xav khaws cov ntaub ntawv tsis tu ncua.
Hauv qhov xwm txheej no, CMS tsis muaj lub taub hau tso cai rau kev tswj hwm cov ntsiab lus xws li kev tuav duab, kev pom zoo ua haujlwm, hnub tshaj tawm, thiab kev sau se.
2. Label & Text Management
Xav tias koj tab tom tsim ib lub khw muag khoom hauv internet app. Nws tsis yog cov ntsiab lus-tsav, thiab nws xav tau ntau npaum li cas bespoke code thiab back-end connectors uas koj cov engineers yuav tsis xav txog kev siv nws siv tus qauv CMS.
Tab sis lub app tseem xav tau qee hom kev tswj hwm cov ntsiab lus - xav txog tag nrho cov duab, cov ntawv lo, cov lus qhia pab, thiab cov ntaub ntawv hauv zos.
Koj pab neeg tuaj yeem txhim kho thiab tswj cov ntsiab lus hauv kev tswj hwm nrog CMS headless.
3. IoT & Wearables
Yog li, koj lub tuam txhab tau xaiv nkag mus rau hauv lub ntiaj teb ntawm wearables thiab IoT. Nws yog lub tswv yim rau pem hauv ntej, tab sis ib qho uas ib txwm CMS tsis tuaj yeem ua. Txawm li cas los xij, nrog lub taub hau tsis muaj CMS, cov neeg tsim khoom muaj kev ywj pheej los tsim cov kev sib tshuam tshiab uas yav tas los cuam tshuam los ntawm CMS coupling txwv.
xaus
Tsim, npaj, thiab xa cov ntsiab lus zoo yog qhov tseem ceeb rau txhua lub tuam txhab uas xav sib tw online.
Thaum kawg, peb tuaj yeem hais meej meej tias kev xaiv qhov tseeb headless CMS muaj kev cuam tshuam ncaj qha rau koj lub lag luam.
Tag nrho cov no qhia tias txoj kev tsis muaj taub hau muaj lub neej yav tom ntej ua ntej ntawm nws, thiab peb tuaj yeem tos ntsoov rau ntau qhov kev txhim kho zoo siab.
Sau ntawv cia Ncua