Vite で作った React のアプリを Docker コンテナで動かす
これまで何度か Vite でのプロジェクトの作成に関して紹介をしてきましたが、Docker のイメージ作成、コンテナの動作という点ではコツが必要なので、そのメモとなります。これまで紹介した Vite に関する記事は以下の通りです。
このサイトでブログを提供しています。
これまで何度か Vite でのプロジェクトの作成に関して紹介をしてきましたが、Docker のイメージ作成、コンテナの動作という点ではコツが必要なので、そのメモとなります。これまで紹介した Vite に関する記事は以下の通りです。
これまで作成してきたサンプルのアプリを Docker で動作するように設定をしていきます。特に凝った話ではなく、一般的な Docker の手順を紹介するだけでsう。
今回は Postman を利用して Sitecore Search の結果を取得する手順を確認していきます。
Sitecore Search の API を利用するにあたって、カスタマーキーを利用してアクセスする以外に、サブドメインを設定して動作させることができます。今回はこの設定を紹介します。
少し長いシリーズとして playwright を利用してサムネイルを取得する API を準備しました。今回は、これを Sitecore Search に対して適用していきます。
これまで複数回に渡って Playright を利用してページのサムネイルを取得できるようにしました。今回は最後に、全体のまとめとして記載しておきます。
このシリーズとしては最終回です。スクリーンショットを撮るところまでできたので、ストレージと連携させていきます。今回は、Azure Blob Storage と連携する形に仕上げていきます。
Next.js の API として Web サイトのサムネイルを表示するための仕組みを実装していきます。今回は、取得した URL を利用して画像を表示するところまで進めていきます。
Playwright のコンテナを動かすところまで進めていきましたが、以前の Sitecore Search のサンプルサイトと連携するように、今回は API を追加します。
前回はプロジェクト化ということで docker-compose.yml ファイルを作成して実行できるようにしました。今回は、前回作成したイメージを Azure で利用できるように設定していきます。