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