これは、フルテキスト検索の概念実証を作成するように誰かに指示する段階的なガイドである必要があります。
# install npm packages
npm i
# start local dev server
npm run devFireBaseアカウントを作成することから始めます。
新しいプロジェクトを作成します。ここでデータベースをクリックして、Firestoreデータベースを開始できます。それをクリックしてから、[テストモード]を選択します。
Cloud Firestoreをアプリケーションに接続する前に、FireBaseを使用してBlazeまたはFlame Pricing Planを使用して、アウトバウンドリクエストを有効にしてください。この後、.env.exampleファイルから.envファイルの作成を開始できます。例ファイルには、提供する必要がある値があり、詳細についてはこのFireBaseセットアップページの詳細については、FireBase設定にあります。設定には、iOS、Android、およびWebアイコンを表示するアプリセクションがあります。 Webバリアントをクリックすると、.envにコピーする必要がある値が表示されます。
タイトルフィールドの映画のドキュメントを含むファイヤーストア映画コレクションを必ず作成してください。私が使用した他のフィールドを見たい場合は、Search-Result.Vueコンポーネントをチェックアウトします。
その後、FireBaseコマンドラインツールをインストールし、FireBaseアカウントにログインします。
# install firebase tools
npm install -g firebase-tools
# login to your firebase account
firebase login
# connect to existing project you've created
firebase use --add
# or start from scratch
firebase initコマンドラインツールは、この概念実証に使用するデータベースを選択するデータベースを表示します。
NPM Run DEVを実行すると、Firestoreデータベースに接続する必要があります。
Algoliaアカウントを作成することから始めます(無料アカウントを使用できます)。サイトのダッシュボードセクションでは、新しいインデックス名を作成できます。movie_title。その後、ダッシュボードのAPIキーセクションに移動できます。ここでは、Admin APIキーとアプリIDを見つけることができます。これらのキーを.envファイルに追加します。
Algolia、Firestore、Cloud Functions、およびここにはFirestoreの観点から、さらにリソースがあります。
このリポジトリでは、クラウド関数がすでにそこにあります。しかし、より多くの情報を持ちたい場合やゼロから始めたい場合は、Googleのセットアップガイドに従うことができます
# install latest versions
npm install firebase-functions@latest firebase-admin@latest --save
# initialize cloud funcitons (I chose typescript in the option it will give you)
firebase init functionsクラウド関数は、この時点でノード6のみをサポートします。タイプ:
nvm install v6.11.5
nvm use v6.11.5関数フォルダーへのコマンドラインCDでは、これを行うことを忘れないでください。クラウド関数は、AlgoliaのAPIで構成する必要があります。これを行うことで、次のとおりです。
# install the dependencies in the functions folder
npm i
# provide the algolia APP ID and ADMIN API KEY we also added previously in the .env file
firebase functions:config:set algolia.app_id= " APP_ID " algolia.api_key= " API_KEY "Connected Algoliaでクラウド機能をローカルにログに記録する場合は、現在の関数フォルダーでこのコマンドを実行する必要があります。
firebase functions:config:get > .runtimeconfig.json追加の情報はここにあります
これで、firebase.config()。app_id and firebase.config()。api_keyを使用して、functionsフォルダーでこれらの値を参照できます。これは、これらの機能を展開した後、これらのAPIキーにアクセスできるためです。
クラウド関数のindex.tsファイルに、使用しているインデックスの名前がここに追加されていることを確認してください。
const index = client . initIndex ( '<your-algolia-index-name-here>' ) ;また、Search.Vueファイルのフロントエンドにも追加する必要があります。
< ais-index
:app-id =" appId "
:api-key =" apiKey "
index-name =" <you-algolia-index-name-here> " >これで、index.tsファイルの供給に関数を書き込むことができます
次に、クラウド関数を作成したときに、FireBaseに展開してテストします。これを入力することでこれを行うことができます。
# run functions
npm run serve関数フォルダーの追加の追加コマンド
# test function remotely
firebase deploy --only functions
# test function locally
firebase functions:log --only < FUNCTION_NAME >