VercelのCDNをDiscourseの前面で実行する方法

VercelのCDNは、プラットフォーム上にネイティブでデプロイされたアプリケーションだけでなく、あらゆるアプリケーションの前面に配置でき、設定も簡単です。これにより、DiscourseやWordPressといったプラットフォームを完全に移行することなく、ファイアウォール保護、DDoS対策、および可観測性を追加できます。 Vercel Communityはこのアーキテクチャの一例です。これは外部でホストされているDiscourseアプリケーションですが、VercelのCDNを介して自らプロキシしており、アプリを保護すると同時に、Vercelのウェブサイトスタックが提供する有用な機能を利用できるようにしています： Web Analyticsは、匿名化されたクッキーフリーの人口統計データとリファラーデータを提供するため、ユーザーがどこから来て、何を探しているのかを把握できます。 FirewallはDDoS対策を提供し、昨年いくつかの攻撃を自動的に防ぎました。 Bot Managementにより、悪意のあるスクレイパーをブロックしつつ、信頼できるクローラーにはフォーラムのインデックスを許可し、コミュニティ投稿がChatGPTの検索結果に表示されるようにしています。 Vercel Communityライブセッションなど、コミュニティプラットフォームの一部はNext.jsで直接Vercel上で実行されています。Vercel Microfrontendsを使用して、Next.jsアプリをDiscourseアプリと同じドメインにマウントしています。その理由は3つあります： CMSプラグインとして実装するのが現実的ではない新しいページを作成するため。 完全にカスタマイズできない既存のDiscourseページを上書きするため。 Sign in with Vercelを通じてユーザーの認証状態を維持するため。 新しいページの公開準備が整ったら、マイクロフロントエンドの設定にパスを追加し、次のデプロイ時にユーザーがシームレスにリダイレクトされるようにします。 CDNとしてのVercel このようにVercelをCDNプロキシとして設定するには、2つのドメインが必要です： 内部ホスト：サイトが実際にホストされているオリジンサーバー。your-site.discourse.comのような形式です。 外部ホスト：ユーザーが接するVercelプロジェクトのドメイン。community.vercel.comなどです。 サイト上のすべてのリンクとその正規URL（canonical URLs）が外部ドメインを使用していることを確認してください。 これらを準備したら、外部ホストにデプロイする新しいプロジェクトをVercel上に作成します。その後、vercel.ts（旧vercel.json）を使用して、トラフィックを内部ドメインに書き換え（リライト）できます。 マイクロフロントエンドを使用した単一ドメインでの複数アプリの実行 コミュニティフォーラムをDiscourseの制限を超えて拡張するため、垂直的マイクロフロントエンドアプローチを用いて外部ホストドメインで設定しました。 Vercelのマイクロフロントエンドでは、異なるVercelプロジェクトを異なるルートパスにマウントできます。特定のルートへのトラフィックを個別のVercelプロジェクトに誘導するmicrofrontends.jsonファイルを追加しました。 追加のページは、ルートごとに段階的に追加できます。また、.well-known/workflowルートを追加し、Workflow Development Kitをイベント作成と動画処理に使用しています。 プロキシの正規表現（regex）で否定マッチングを使用して特定のルートをプロキシしないようにすることで、この一部を実現することも可能ですが、プロジェクトを分離することで、より優れた独立性が得られます。このアプローチにより、独立した環境変数（environment variables）と組織の権限設定が可能になり、サードパーティホストと通信するプロジェクトをロックダウンできます。 大規模な移行を伴わないモダンなCDN この時点で、ユーザーとオリジンサーバーの間にVercelのCDNが配置されています。すべてのトラフィックはVercelのグローバルネットワークを通過するため、既存のアプリケーションに手を加えることなく、エンタープライズグレードのセキュリティを実現します。 これをマイクロフロントエンドと組み合わせることで、さらに柔軟性が高まります。これで、アプリケーションを段階的に近代化する道筋ができました。「ビッグバン」式のリファクタリングではなく、Next.jsアプリケーションを作成し、特定のルートを1つずつ有効にしながら、コアアプリケーションはDiscourse、WordPress、またはその構築基盤となっているプラットフォーム上で実行し続けることができます。 このアーキテクチャは、実用的な前進の道を開きます。まず今日、VercelのCDNで既存の資産を保護し、明日、その上にモダンな機能を重ねていく。すべて、プラットフォーム全体の移行に伴うリスクを負うことなく行えます。 詳細については、Vercelマイクロフロントエンドのドキュメントをご覧になるか、community.vercel.com/liveで実際の動作を確認してください。 Read more

VercelのCDNをDiscourseの前面で実行する方法

背景や根拠まで確認しますか？

調べる

選ぶ

サイト