Vertex AI Search で構築した検索アプリをGoogle Cloud Storage (GCS)で公開してみた

2024年3月18日掲載

Vertex AI Search で構築した検索アプリをGoogle Cloud Storage (GCS)で公開してみた

シリーズ第3弾 「Vertex AI search で構築した検索アプリをGoogle Cloud Storage (GCS)で公開してみた」 をお届けします。

第1弾 「【2024年3月版】Google 生成 AI サービスの最新情報まとめ
第2弾 「ノーコードでVertex AI Search を利用してGoogle サイトでRAG構築してみた

今回は、Vertex AI Search で作成した検索アプリをGoogle Cloud Storage (GCS) で静的サイトのコンテンツとして公開する方法を紹介します

目次

今回解説する構成

Vertex AI Search は、Webサイト、非構造化データ、構造化データを対象とした、生成 AI 搭載の検索エンジンを迅速に構築できるサービスです。ユーザフレンドリーなインターフェースを通じて、検索結果の表示、関連文書の特定を簡単に操作できます。Vertex AI Search の利用で、社内知識の共有とコラボレーションの向上、生産性を高めることができます。

Vertex AI Search についての詳細は、以前のブログ「Vertex AI Search (旧称 Gen App Builder の Enterprise Search) の日本語版を試してみた」をご覧ください。

前回の記事「ノーコードでVertex AI Search を利用してGoogle サイトでRAG構築してみた」では、Vertex AI Search を使い、自社独自のファイルの中を検索・回答するアプリを作成し、それをGoogleサイトに埋め込む手順と方法を紹介しました。

前回の記事では、「Googleサイト」でアプリケーションを公開しましたが、今回の記事では、静的なHTMLを作成して、 Google Cloud Storage (GCS) を利用し、検索アプリを自社サイトなどで公開をする方法を紹介します。

Vertex AI Search アプリを Google Cloud Storage (GCS) で公開する

Step1:アプリを作成する

Vertex AI Search のコンソール画面にアクセスし、新しい検索アプリを作成します。

※作成手順は1つ1つの手順を画面キャプチャつきでわかりやすく説明している、「ノーコードでVertex AI Search を利用してGoogle サイトでRAG構築してみた」 をご覧ください。

Step2:アプリ埋め込み用コードを取得する

作成したアプリから [統合] > [ウィジェット] にアクセスし、ウィジェットの設定を行います。以下は本アプリの設定です。

  • 認証タイプの選択: 公開アクセス
  • ウィジェットで許可するドメインを追加する:「storage.googleapis.com」を追加
    ※Google Cloud Storage コンテンツでウィジェットを表示させるために必要なドメインとなります。
アプリ埋め込み用コードを取得する

ページ下部のコードをコピーし、HTMLファイルに埋め込みます。

HTMLを出力する
Step3:HTMLファイルをGoogle Cloud Storage (GCS) にインポートする

Google Cloud Storage (GCS) でバケットを作成し、先程コードを埋め込んだHTMLファイルをインポートします。

GCSのバケット画面

今回はオブジェクトの公開範囲をPublic に設定します。

GCS バケットのアクセス権の編集
Step4:検索アプリにアクセスする

オブジェクトの公開URLにアクセスし、検索アプリが表示されることを確認します。
※今回はCSSを使って見やすいレイアウトにしています。

Webサイトのサンプル

「ここで検索」をクリックすると、Vertex AI Search の検索画面が開き、ドキュメントを検索することができます。

Vertex AI Search の検索画面

また、Google Cloud Storage (GCS) だけでなく、Webサーバを使用している場合でも、HTMLファイルにコードを埋め込むことで、同様に検索アプリを表示することができます。

参考:検索アプリを認証付きでサイトに埋め込む

ウィジェットの認証タイプとして「JWT または OAuth ベース」を選択することができます。

コードをコピーしてHTMLファイルに埋め込む際に、<JWT or OAuth token provided by you backend>部分を認可トークンに置き換えることで埋め込みが可能です。

詳細はGoogle公式ドキュメントをご確認ください。
Add the search widget to a web page | Vertex AI Search and Conversation | Google Cloud

参考:検索アプリを認証付きでサイトに埋め込む

まとめ

Vertex AI Search で作成した検索アプリが、かんたんに自社サイトに埋め込めることをご理解いただけたと思います。今回はGoogle Cloud Storage (GCS) で公開しましたが、同様にHTMLファイルを修正するだけで自社サイトにも埋め込むことが出来ます。

社内資料や、よくある問い合わせ・質問と回答のデータを Google Cloud Storage (GCS) に格納し、Vertex AI Search を使って検索できるようにする。これだけで、問い合わせ対応に要する時間を大幅に削減することもできるのではないでしょうか

ぜひ一度、Vertex AI Search を使用して実際にアプリを作成し試してみてください。

次回は、第 4 弾として同じGoogle Cloud 技術チームメンバーから、「Cloud Functionsを使ってCloud Storage とVertex AI Search データストアを同期してみた」をお届けしますのでお楽しみに!

ソフトバンクは、Vertex AI Search を活用した文書検索体験ができる 「Vertex AI DIYプラン」を新たにリリースしました。

Vertex AI DIYプランについて

Vertex AI Search を使って社内文書を検索する生成AIを構築してみませんか?
ソフトバンクのエンジニアが構築をサポートします。

Vertex AI DIYプランでは、以下の3つのことをご体験いただけます。
詳細は、関連サービスにある「Vertex AI DIYプラン」をご確認ください。

Vertex AI DIY プラン

関連サービス

Vertex AI DIYプラン

Vertex AI Search を使って社内文書を検索する生成AIを構築してみませんか?
ソフトバンクのエンジニアが構築をサポートします。
Google の生成AIの導入を考えている方はもちろん、どのようなものか確認したいという方でもご活用いただけます。

Google Cloud

Google サービスを支える、信頼性に富んだクラウドサービスです。お客さまのニーズにあわせて利用可能なコンピューティングサービスに始まり、データから価値を導き出す情報分析や、最先端の機械学習技術が搭載されています。

MSPサービス

MSP(Managed Service Provider)サービスは、お客さまのパブリッククラウドの導入から運用までをトータルでご提供するマネージドサービスです。

おすすめの記事

条件に該当するページがございません