開発者ポータルをセルフホストするための代替アプローチ

開発者ポータルをセルフホストするときに、次のようないくつかの代替アプローチを検討することができます。

この記事では、これらの各アプローチについて説明します。

まだ行っていない場合は、開発者ポータルの最新リリース用にローカル環境を設定します。

運用環境用のビルド

コラボレーションを目的としてポータルの開発環境をオンラインでホストする場合は、デザイナーとパブリッシャーの運用環境用のビルドを使用します。運用環境用のビルドによってファイルがバンドルされ、ソースマップなどが除外されます。

次のコマンドを実行して、./dist/designer ディレクトリ内にバンドルを作成します。

npm run build-designer

結果はシングルページアプリケーションであるため、Azure Blob Storage の静的な Web サイトなどの静的な Web ホストにデプロイすることもできます。

同様に、コンパイル済みの最適化されたパブリッシャーを ./dist/publisher フォルダーに配置します。

npm run build-publisher

発行手順をローカルで実行する代わりに、クラウドで実行します。

Azure Function App で発行を実装するには、次の前提条件を満たす必要があります。

Azure 関数を作成します。関数は JavaScript 言語関数である必要があります。
Azure Functions Core Tools をインストールします。
```
npm install –g azure-function-core-tools
```

ローカルフォルダーではなく、ホスティング Web サイト (出力ストレージの "$web" コンテナー) にコンテンツを直接アップロードします。 ./src/config.publish.json ファイルでこの変更を構成します。

{
   ...
   "outputBlobStorageContainer": "$web",
   "outputBlobStorageConnectionString": "DefaultEndpointsProtocol=...",
   ...
}

./examples フォルダーには、HTTP トリガー関数のサンプルがあります。これをビルドして ./dist/function に配置するには、次のコマンドを実行します。

npm run build-function

次に、Azure CLI にサインインしてそれをデプロイします。

az login
cd ./dist/function
func azure functionapp publish <function app name>

それがデプロイされると、HTTP 呼び出しを使用して呼び出すことができます。

curl -X POST https://<function app name>.azurewebsites.net/api/publish

開発者ポータルのセルフホストでは、Web サイトをホストするために Azure ストレージアカウントを使用することをお勧めしました。ただし、ホスティングプロバイダーのサービスを含め、どのようなソリューションでもファイルを発行することができます。

また、ページの読み込み時間を短縮するために、ファイルを Content Delivery Network (CDN) でフロント処理することもできます。 Azure CDN を使用することをお勧めします。

開発者ポータルの詳細については、次を参照してください。