Next.js JSSアプリでEditingRenderMiddlewareを使ってデフォルトのプロトコルをオーバーライドします
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Next.js JSSアプリケーションをVercel以外のプラットフォームでホストすると、Horizonのようなエディタとの標準的な連携はプロトコルの不一致により機能しません。
デフォルトでは、Next.js JSSアプリケーションは環境変数VERCELの値に基づいてHTTPリクエストURLのプロトコルをhttpまたはhttpsに設定します。変数の値がtrueの場合、アプリケーションはリクエストのプロトコルをhttpsに設定します。アプリケーションを別のプラットフォームでホストする場合、この変数はtrue値を持ちず、アプリケーションはhttpプロトコルを使用します。
!重要デフォルトのプロトコル解決はSitecoreAI、Vercel、Netlifyの展開を考慮しています。他のプラットフォームに展開する場合は、デフォルトの解決ロジックを上書きする必要があります。
アプリケーションがすべての可能な環境・設定・プラットフォームで正しいプロトコルを特定できないため、Next.js SDKは編集レンダリングミドルウェアの設定におけるresolveServerUrlプロパティを使ってデフォルトプロトコルをオーバーライドできます。
デフォルトのプロトコル設定を上書きするには:
-
src/pages/api/editing/render.tsファイル内で、既存の編集レンダリングオプションを置き換えhandler:
const handler = new EditingRenderMiddleware({ resolveServerUrl: (req: NextApiRequest) => { return `${ process.env.PROD ? 'https' : 'http'}://${req.headers.host}`; }, }).getHandler();
この例では、ハンドラーはPROD環境変数を使ってhttpsとhttpを切り替えます。 httpsを使用するには、PROD環境変数が存在し、trueに設定されていることを確実にしてください。