firebase algolia poc

Preuve de recherche de la recherche en texte complet

Cela devrait être un guide étape par étape pour diriger quelqu'un pour créer une preuve de recherche de recherche de texte complet.

Commencer

 # install npm packages
npm i 

# start local dev server
npm run dev

Cloud Firestore Exigences

Commencez par créer un compte Firebase.

Créer un nouveau projet. Cliquez sur la base de données ici, vous pourrez démarrer une base de données Firestore. Cliquez dessus, puis sélectionnez le mode test.

Avant de connecter Cloud Firestore à votre application, assurez-vous d'avoir un plan de prix d'incendie ou de flamme avec Firebase pour activer les demandes sortantes. Après cela, vous pouvez commencer à créer un fichier .env à partir du fichier .env.example. Dans l'exemple de fichier, il existe des valeurs que vous devez fournir et que vous pouvez être trouvées dans les paramètres de la base de feu pour plus d'informations à la vérification de cette page de configuration Firebase. Dans les paramètres, il existe une section Vos applications qui affiche les icônes iOS, Android et Web. Cliquez sur la variante Web et vous verrez vos valeurs que vous devez copier sur .env.

Assurez-vous de créer une collection de films Firestore contenant des documents de films avec un champ de titre. Si vous souhaitez voir d'autres champs que j'ai utilisés, consultez le composant Search-Result.Vue.

Installez ensuite les outils de ligne de commande Firebase et connectez-vous à votre compte 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

Les outils de ligne de commande vous montrent vos bases de données sélectionner celle que vous souhaitez utiliser pour cette preuve de concept.

Maintenant, vous exécutez le NPM Run Dev, il doit être connecté à votre base de données Firestore.

Exigences d'algolie

Commencez par créer un compte Algolia (vous pouvez utiliser un compte gratuit). Dans la section du tableau de bord du site, vous pouvez créer un nouvel index nommez-le: film_title. Ensuite, vous pouvez accéder à la section des touches API du tableau de bord. Ici, vous pouvez trouver la touche ADMIN API et l'ID de l'application. Ajoutez ces clés à votre fichier .env.

Voici quelques ressources supplémentaires sur les fonctions Algolia, Firestore et Cloud et ici du point de vue de Firestore.

Fonctions du cloud

Dans ce référentiel, les fonctions cloud sont déjà là. Mais si vous souhaitez avoir plus d'informations ou commencer à zéro, vous pouvez suivre le guide de configuration de 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

Les fonctions de cloud ne prennent en charge que le nœud 6 à ce moment-là. Donc Type:

nvm install v6.11.5

nvm use v6.11.5

Dans le CD de ligne de commande dans le dossier Functions, n'oubliez pas de le faire est très important. Les fonctions de cloud doivent être configurées avec l'API d'Algolia. Faites cela en tapant ce qui suit:

 # 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 "

Si vous souhaitez enregistrer les fonctions de cloud localement avec des algolies connectées, vous devrez exécuter cette commande dans le dossier Fonctions actuel:

firebase functions:config:get > .runtimeconfig.json

Des informations supplémentaires peuvent être trouvées ici

Nous pouvons maintenant utiliser le Firebase.Config (). App_id et Firebase.Config (). API_KEY pour référencer ces valeurs dans le dossier Fonctions. Cela est fait car après avoir déployé ces fonctions, il peut accéder à ces touches API.

Assurez-vous que le nom de l'index votre utilisation est ajouté ici dans le fichier index.ts dans les fonctions cloud:

 const index = client . initIndex ( '<your-algolia-index-name-here>' ) ;

Il doit également être ajouté dans le frontend ici dans le fichier Search.vue:

    < ais-index
      :app-id =" appId "
      :api-key =" apiKey "
      index-name =" <you-algolia-index-name-here> " >

Vous pouvez maintenant rédiger vos fonctions dans le fichier Fournis Index.ts

Ensuite, lorsque vous avez écrit une fonction cloud, testez-le en le déploiement sur Firebase. Vous pouvez le faire en tapant:

 # run functions 
npm run serve

Quelques commandes utiles supplémentaires pour le dossier Functions

 # test function remotely
firebase deploy --only functions

# test function locally
firebase functions:log --only < FUNCTION_NAME >