SaaS CMS – Coolify によるセルフホスティング プレゼンテーション レイヤー

導入

前回の投稿では、Netlify と Vercel を使用して、ハイブリッド ヘッドレス/完全ヘッドレス プレゼンテーション レイヤー (フロントエンド) のホスティング オプションについて検討しました。これらのプラットフォームは、使いやすさと豊富な機能を備えているため、私の一番の推奨プラットフォームです。ただし、ニーズを完全に満たさない状況や、価格モデルに問題がある場合もあります。

ホスティング コストをさらにコントロールしたい場合は、物理サーバーでも仮想プライベート サーバー (VPS) でも、セルフ ホスティングが 3 番目の現実的な選択肢です。セルフ ホスティング プロセスをより管理しやすくするために、Coolify を使用して概念実証を作成しました。Coolify は、最小限の労力でフロントエンドをホストするためのサーバー構成を簡素化するオープン ソース プロジェクトです。Vercel や Netlify と同じ機能を多数提供しますが、関連するコストはかかりません。

Coolify の優れた機能の一部を以下に示します。

• 言語に依存しない: Next.js を含む幅広いプログラミング言語とフレームワークをサポートします。
• 柔軟な展開: 独自のサーバー、VPS、EC2、DigitalOcean など、あらゆるリソースにデプロイできます。必要なのは SSH 接続だけです。
• プッシュしてデプロイ: 任意の Git リポジトリを指定して簡単にデプロイできます。
• PR/コミットデプロイメント: 新しいコミットとプルリクエストを自動的にデプロイします。
• 追加機能:
• SSL証明書
• 自動バックアップ
• ウェブフック
• APIファーストのアプローチ
• コラボレーションツール
• 監視と通知

Azure の例

Coolifyは柔軟なインストールと設定オプションを提供し、事実上あらゆる環境に導入できます。完全なドキュメントについては、 クールファイの 正式 ガイド。

この例では、Coolifyを Linux (Ubuntu 24.04) 仮想マシンAzure のセットアップ プロセスは簡単なので、各セットアップ手順については詳しく説明しません。以下に、私の構成の概要を簡単に示します。

また、仮想マシンとの通信を可能にするために、いくつかのポートを開く必要がありました。これは、セットアップとパブリック サイトへのアクセスの両方を目的としていました (必要に応じて追加していました)。

1. SSH アクセス用のポート 22
2. Coolify サーバーの初期アクセス用のポート 8000
3. パブリック HTTP アクセス用のポート 80
4. パブリック HTTPS アクセス用のポート 443

仮想マシンが構成されたら、SSH 接続を行いました。Azure Portal 経由またはお好みのターミナルを使用して接続できます。

Coolifyのインストールと設定

SSH 経由で接続すると、Coolify のインストールは簡単になります。次のコマンドを実行するとプロセスが開始されます。

curl -fsSL https://cdn.coollabs.io/coolify/install.sh | bash

これにより、 ドッカー Coolify イメージを実行します。全体のプロセスには約 5 分かかりました。インストール後、Coolify は構成を完了するための URL を提供します。登録すると、Coolify ダッシュボードに移動し、新しいプロジェクトを作成する準備が整いました。

ドメイン構成

アクセスを容易にするために、サーバーにドメインを接続しました。既存のドメインを使用しました。 ファストホスト 2つのDNSを追加することで簡単な変更を行いました Aレコード （@ そして *）、サーバーのパブリック IP アドレスを指定します。

Coolifyの設定で、コントロールパネルのドメイン名を次のように設定しました。 http://coolify.chillicrunch.co.uk.私もセットアップしました ワイルドカードサブドメイン 次のようなURLへの展開を許可する https://.chilicrunch.co.uk/Netlify や Vercel がデプロイメントを管理する方法と似ています。

これは、 サーバー > 一般的な 設定を調整します。

Git Hub リポジトリへの接続

継続的デプロイメントを可能にするために、Coolifyをプライベートに接続しました GitHub リポジトリ。CoolifyはいくつかのGitソースをサポートしていますが、この例ではGitHubを使用しました。GitHubリポジトリを追加するには、 出典 クリックすると 追加このプロセスでは、 クライアントID、 秘密、 そして Webhookシークレットセットアップ中に生成されます。

新しいプロジェクトの追加

Git接続が確立されたので、最初のプロジェクトを追加することができました。 プロジェクト セクションをクリックしました 新しい名前と説明を入力し、デプロイする Git リポジトリを選択しました。

デプロイプロセスには約3分かかりました。ワイルドカードサブドメインの設定により、サブドメインは自動的に構成されました。また、プロジェクトに必要な環境変数も追加しました。このプロセスの詳細については、 これ ビデオ。

すべてが整って、私のウェブサイトが公開されました。 https://saas-cms-visual-builder.chilicrunch.co.uk/

結論

Azure 仮想マシンでの Coolify のセットアップはスムーズで簡単でした。ご覧のとおり、最小限の労力でプライベート サーバー上で Coolify を起動して実行するのは簡単で、Vercel や Netlify などの従来のホスティング プラットフォームに代わるコスト効率の高い選択肢となります。

2024年9月23日