firebase algolia poc

Volltextseuch-Beweis des Konzepts

Dies sollte eine Schritt-für-Schritt-Anleitung sein, um jemanden zu leiten, einen Volltext-Such-Beweis für das Konzept zu erstellen.

Erste Schritte

 # install npm packages
npm i 

# start local dev server
npm run dev

Cloud Firestore -Anforderungen

Erstellen Sie zunächst ein Firebase -Konto.

Erstellen Sie ein neues Projekt. Klicken Sie hier auf Datenbank. Sie können eine Firestore -Datenbank starten. Klicken Sie darauf und wählen Sie den Testmodus.

Stellen Sie vor dem Anschließen von Cloud Firestore mit Ihrer Anwendung einen Blaze- oder Flammenpreisplan mit Firebase, um ausgehende Anforderungen zu ermöglichen. Danach können Sie eine .env -Datei aus der Datei .env.Example erstellen. In der Beispieldatei gibt es Werte, die Sie bereitstellen müssen, und finden Sie in Ihren FireBase -Einstellungen, um weitere Informationen zu finden, die diese Firebase -Einstellungsseite überprüfen. In den Einstellungen gibt es einen Abschnitt "Your Apps", der die iOS-, Android- und Web -Symbole anzeigt. Klicken Sie auf die Webvariante und Sie werden Ihre Werte angezeigt, die Sie kopieren müssen.

Erstellen Sie unbedingt eine Firestore -Filmesammlung mit Dokumenten von Filmen mit einem Titelfeld. Wenn Sie andere von mir verwendete Felder sehen möchten, dann schauen Sie die Such-Reseult.vue-Komponente an.

Installieren Sie anschließend die Firebase Command Line Tools und melden Sie sich bei Ihrem Firebase -Konto an.

 # 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

Die Befehlszeilen -Tools zeigen Ihnen Ihre Datenbanken wählen die aus, die Sie für diesen Beweis für das Konzept verwenden möchten.

Wenn Sie jetzt den NPM Run Dev ausführen, sollte er mit Ihrer Firestore -Datenbank verbunden sein.

Algolienanforderungen

Erstellen Sie zunächst ein Algolienkonto (Sie können ein kostenloses Konto verwenden). Im Abschnitt Dashboard der Website können Sie einen neuen Indexnamen erstellen: Movie_title. Danach können Sie zum API -Schlüsselabschnitt des Dashboards gehen. Hier finden Sie den Admin -API -Schlüssel und die App -ID. Fügen Sie diese Schlüssel zu Ihrer .env -Datei hinzu.

Hier sind einige weitere Ressourcen zu Algolien, Firestore und Cloud -Funktionen sowie hier aus der Sicht von Firestor.

Wolkenfunktionen

In diesem Repository sind die Cloud -Funktionen bereits vorhanden. Wenn Sie jedoch weitere Informationen haben oder von vorne anfangen möchten, können Sie dem Setup -Handbuch von Google folgen

 # 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

Die Cloud -Funktionen unterstützen den Knoten 6 ab dieser Zeit nur. Also Typ:

nvm install v6.11.5

nvm use v6.11.5

In der Befehlszeile -CD zum Ordner für Funktionen vergessen Sie nicht, dass dies sehr wichtig ist. Die Cloud -Funktionen müssen mit der API von Algolia konfiguriert werden. Tun Sie dies, indem Sie Folgendes eingeben:

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

Wenn Sie Cloud -Funktionen lokal mit angeschlossener Algolie protokollieren möchten, müssen Sie diesen Befehl im Ordner der aktuellen Funktionen ausführen:

firebase functions:config:get > .runtimeconfig.json

Zusätzliche Informationen finden Sie hier

Jetzt können wir die Firebase.config (). App_id und Firebase.config (). API_KEY verwenden, um diese Werte im Ordner der Funktionen zu verweisen. Dies geschieht, da nach dem Einsatz dieser Funktionen auf diese API -Schlüssel zugreifen kann.

Stellen Sie sicher, dass der Name des Index, den Sie verwenden, hier in der Datei index.ts in Cloud -Funktionen hinzugefügt wird:

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

Es sollte auch in der Frontend hier in der Search.vue -Datei hinzugefügt werden:

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

Sie können jetzt Ihre Funktionen in die Datei "Index.ts bereitstellen" schreiben

Wenn Sie dann eine Cloud -Funktion geschrieben haben, testen Sie sie, indem Sie sie für Firebase bereitstellen. Sie können dies durch Eingabe tun:

 # run functions 
npm run serve

Einige zusätzliche nützliche Befehle für den Funktionsordner für Funktionen

 # test function remotely
firebase deploy --only functions

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