コンテンツ管理システム (CMS) は、デジタル コンテンツの作成と管理に使用されるソフトウェア アプリケーションまたは関連プログラムのセットです。長年にわたり、WordPress や Drupal などの従来の CMS に焦点が当てられてきました。ただし、多くのバックエンドおよびフロントエンド開発者は、より最新のソリューション、つまりヘッドレス CMS に移行しています。
このいわゆる「ヘッドレス CMS」は、バックエンド (コンテンツの作成と管理) とデータベースをフロントエンドとプレゼンテーション層から分離します。これは、CMS を使用してあらゆるタイプのフロントエンド アプリケーションをサポートできることを意味し、最終的には柔軟性と拡張性が向上します。
この記事では、ヘッドレス CMS の包括的な概要を説明します。その起源、利点、解決する問題、および一般的な実装について説明します。
1. ヘッドレス CMS とは何ですか?
ヘッドレス CMS は、フロントエンド Web サイトを必要とせずにコンテンツを簡単に管理および保存できるバックエンド CMS です。つまり、レンダリング方法を気にすることなく、任意のプラットフォームやデバイスを使用してコンテンツにアクセスして編集できるということです。
ヘッドレス CMS とは何かを完全に理解するには、まずその起源を理解する必要があります。それでは、従来の CMS アーキテクチャとそれがどのように進化したかを見てみましょう。
2. ヘッドレス CMS は従来の CMS とどう違うのですか
「結合型」CMS とも呼ばれる従来の CMS は、もともと Started で開発されました。初めの頃。これらは、テキストや画像などのさまざまなタイプのコンテンツを保存および表示する方法として、WordPress や Drupal などの人気のあるプラットフォームに代表されます。
従来の CMS では、HTML、CSS、テキスト、画像などを含むすべての要素が 1 か所にあります。 Web フレームワークを使用して Web サイトのコンテンツを整理し、フロントエンドをバックエンドに接続します。
2.1 従来の CMS の主な機能:
内部ホスティングと配信
サポートは限定的 同時デバイス
モノリシック バックエンド システム
スケジュールされた更新
従来の CMS には多くの利点があります。たとえば、単一のシステムからサイト全体にサービスを提供するため、コンテンツの管理が容易になります。また、開発者はテンプレートとテーマを通じて Web サイトのデザインを制御できます。
しかし、Web 開発が進歩し、より複雑になるにつれて、スケーラブルで柔軟なソリューションの必要性も高まります。たとえば、多くの開発者は、Web サイト以外のデバイスで提供できるコンテンツを作成したいと考えています。ここでヘッドレス CMS が登場します。
ヘッドレス コンテンツ管理システムは、分離された CMS です。分離された CMS は、コンテンツを保存および管理するバックエンド システムですが、フロントエンド サイトではコンテンツを表示しません。これは、従来の Web サイト、モバイル アプリ、さらには音声アシスタントなど、サポートされているフロントエンド システムで使用できることを意味します。
2.2 ヘッドレス CMS の主な機能
クラウド ホスティングと配信
無制限のサポート機器
マイクロサービス バックエンド システム
継続的な更新
ヘッドレス CMS と従来の CMS それらの主な違いそれは、ヘッドレス CMS には、フロントエンドでコンテンツをレンダリングするためのテンプレート システムが組み込まれていないことです。つまり、ヘッドレス CMS からコンテンツをレンダリングするには、別のフロントエンド システムを使用する必要があります。さらに、ヘッドレス アーキテクチャは複数のサーバーやデバイスで使用できるため、通常、従来のアーキテクチャよりも拡張性が高くなります。
3. ヘッドレス CMS の仕組み
ヘッドレス CMS は、コンテンツをクラウドベースのデータベースに保存します。このコンテンツは、アプリケーション プログラミング インターフェイス (API) を通じてアクセスでき、あらゆる種類のデバイスまたはプラットフォームでコンテンツをレンダリングするために使用できます。
「ボディ」と呼ばれるコンテンツ リポジトリは、「ヘッド」(プレゼンテーション層とも呼ばれます) から分離されています。これがヘッドレス CMS と呼ばれる理由です。プレゼンテーション層はボディ(コンテンツ)から分離されます。
ヘッドレス インフラストラクチャは、コンテンツ タイプとそれらの相互関係を整理するためのカスタム フレームワークを作成します。これには、個々の要素を細分化することが含まれます。言い換えれば、従来の CMS のように事前にプログラムされたモデルは使用しません。
ヘッドレス CMS を使用するには、まずバックエンド システムでコンテンツを作成する必要があります。これは、WYSIWYG (What You See Is What You Get) エディターやマークダウン、さらには API を介して直接行うなど、さまざまな方法を使用して実行できます。コンテンツが作成されると、クラウドベースのデータベースに保存されます。
ヘッドレス CMS は Web サイトのフロントエンドに直接接続しないことに注意することが重要です。コンテンツのみを処理します。次に、API を通じてコンテンツを公開します。
このコンテンツを Web サイトまたはアプリに表示したい場合は、API にリクエストを送信するだけで、API はデータベースからコンテンツを返します。フロントエンド システムは、HTML、CSS、JavaScript などのさまざまなメソッドを使用してこのコンテンツをレンダリングします。
4. ヘッドレス CMS を使用する利点
大企業は、コンテンツの管理にヘッドレス CMS を使用しています。ただし、中小企業もヘッドレス アプローチを使用する利点を発見しつつあります。
無頭 CMS 非常適合希望創建動態和響應式網站的企業或希望能夠輕鬆更新其內容而無需依賴 Web 開發人員的企業。它還使您可以自由選擇任何平台或裝置來存取您的內容,使其用途廣泛。使用無頭 CMS 解決方案還有許多其他好處。讓我們來看看其中的一些。
4.1 您可以使用任何支援的前端系統
使用無頭 CMS,您不會被綁定到特定平台。相反,您的內容可以透過 API 輕鬆存取,從而使其易於與多種類型的裝置或平台一起使用。
透過 API 提供服務意味著您可以選擇您的前端系統。開發人員也可以透過 JavaScript 或 Ruby 使用 PHP(反之亦然)。在前端切換框架不會影響後端的 CMS。
4.2 您可以輕鬆變更網站或應用程式
無頭 CMS 讓您輕鬆變更您的網站或應用程式。您可以在不關注程式碼的情況下編輯您的內容。
內容基礎架構消除了冗餘複製和貼上的需要,因為它將您的所有內容統一在一個地方。您可以從這個集中式中心更改圖像或文本,更改將自動應用到它所在的任何位置。
Headless CMS 還可以幫助團隊合作,因為它用敏捷框架取代了傳統的瀑布式開發流程。此外,它還可以幫助您重複使用您的內容並使其在不同平台上可存取。
4.3 您可以無縫擴展您的網站或應用程式
無頭CMS 通常比傳統CMS 更具可擴展性,因為它可以部署到多個伺服器並在多個設備上使用。因此,它非常適合想要建立動態和響應式網站的企業。
基本上,無頭 CMS 為您提供了更大的靈活性。它允許您更改開發人員工具並使用您喜歡的工具。
5.何時使用無頭CMS
雖然無頭CMS 提供了許多好處,但可能不總是需要使用它們。傳統的 CMS 仍然是一個非常可靠的解決方案。
例如,如果您要為自己或小型企業建立網站,傳統的 CMS 可能就足夠了。您將能夠從一個地方管理所有內容,並立即讓您的網站啟動並運行。
另一方面,如果您有更複雜的需求,無頭 CMS 可能是更好的選擇。更具體地說,如果您的網站或應用程式使用 Angular、VueJS 或 React 等 JavaScript 框架,它可能是理想的選擇。
如果您打算製作本機行動應用程式和任何需要您同時跨多個平台發佈內容的項目,它也是可取的。無頭 CMS 對電子商務網站也很有用。
如果您正在考慮為您的業務使用無頭 CMS,請考慮以下問題:
您需要一個前端網站嗎?
您希望能夠輕鬆更新您的內容嗎?
您想要自由選擇任何平台或裝置來存取您的內容嗎?
你喜歡使用程式碼嗎?
你有聘請網頁開發人員的預算嗎?
如果您對這些問題中的任何一個回答“是”,那麼無頭 CMS 可能是一個可靠的解決方案。
6.如何選擇無頭 CMS
#如果您決定使用無頭 CMS,則需要牢記一些重要因素。在大多數情況下,您可能需要花費一些時間來測試介面和 API 以找到您最熟悉的平台。在決定使用無頭 CMS 時,您可能需要考慮以下問題:
您需要管理什麼類型的內容?
該內容將如何使用?
誰將負責創建和管理內容?
您對無頭 CMS 有多少預算?
你有什麼程度的技術專長?
您還需要研究可用的不同無頭 CMS 選項並閱讀其他使用者的評論,看看哪一個最適合您的需求。同樣,有許多可用選項,因此花時間充分了解每個平台的用例和功能非常重要。
許多無頭 CMS 可作為軟體即服務 (SaaS) 解決方案使用。其他人則讓您自己處理託管、資料庫和伺服器。例如,您可以使用 DreamHost 虛擬專用伺服器 (VPS) 環境。
#1173175############117317522317312222173175##################1173175###################。 ##程式設計影片###! ! ###參考資料
本文為轉載文章,原文網址:
https://www.wordpresshy.com/276761?share_token=F7557D63-D1B5-4BB8 -8EBA-15EEEB7AAEF4&tt_from=copy_link&utm_source=copy_link&utm_medium=toutiao_ios&utm_campaign=client_share
https://zhuanlan.zhihu.com/p#/433173175##https://zhuanlan.zhihu.com/p#/4331731
#1173
以上が「ヘッドレスCMS」とは何ですか?動作原理と利点について話しましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。