firebase algolia poc

Bukti Konsep Lengkap-Lengkap

Ini harus menjadi panduan langkah demi langkah ke dalam mengarahkan seseorang untuk membuat bukti konsep lengkap teks-teks.

Memulai

 # install npm packages
npm i 

# start local dev server
npm run dev

Persyaratan Cloud Firestore

Mulailah dengan membuat akun Firebase.

Buat proyek baru. Klik pada database di sini Anda akan dapat memulai database Firestore. Klik itu lalu pilih Mode Tes.

Sebelum menghubungkan Cloud Firestore ke aplikasi Anda, pastikan untuk memiliki rencana penetapan harga api atau nyala api dengan Firebase untuk mengaktifkan permintaan keluar. Setelah ini, Anda dapat mulai membuat file .env dari file .env.example. Dalam file contoh ada nilai yang perlu Anda berikan dan dapat ditemukan di pengaturan firebase Anda untuk informasi lebih lanjut, checkout halaman pengaturan firebase ini. Di pengaturan ada bagian aplikasi Anda yang menunjukkan ikon iOS, android dan web. Klik varian web dan Anda akan melihat nilai -nilai Anda yang perlu Anda salin ke .env.

Pastikan untuk membuat koleksi film Firestore yang berisi dokumen film dengan bidang judul. Jika Anda ingin melihat bidang lain yang saya gunakan, periksa komponen pencarian-result.vue.

Setelah itu instal alat baris perintah Firebase dan login ke akun Firebase Anda.

 # 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

Alat baris perintah akan menunjukkan kepada Anda basis data Anda, pilih yang ingin Anda gunakan untuk bukti konsep ini.

Sekarang ketika Anda menjalankan npm run dev itu harus terhubung ke database firestore Anda.

Persyaratan algolia

Mulailah dengan membuat akun algolia (Anda dapat menggunakan akun gratis). Di bagian dasbor situs Anda dapat membuat nama indeks baru: film_title. Setelah itu Anda dapat pergi ke bagian Kunci API dari dasbor. Di sini Anda dapat menemukan kunci API admin dan ID aplikasi. Tambahkan kunci ini ke file .env Anda.

Berikut adalah beberapa sumber daya lagi tentang fungsi Algolia, Firestore dan Cloud dan di sini dari perspektif Firestore.

Fungsi cloud

Dalam repositori ini fungsi cloud sudah ada. Tetapi jika Anda ingin memiliki informasi lebih lanjut atau mulai dari awal, Anda dapat mengikuti panduan pengaturan oleh 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

Fungsi cloud hanya mendukung Node 6 pada saat ini. Jadi ketik:

nvm install v6.11.5

nvm use v6.11.5

Di CD Command Line CD ke folder Fungsi, jangan lupa melakukan ini sangat penting. Fungsi cloud perlu dikonfigurasi dengan API Algolia. Lakukan ini dengan mengetik berikut:

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

Jika Anda ingin mencatat fungsi cloud secara lokal dengan algolia yang terhubung, Anda harus menjalankan perintah ini di folder Fungsi saat ini:

firebase functions:config:get > .runtimeconfig.json

Informasi tambahan dapat ditemukan di sini

Sekarang kita dapat menggunakan firebase.config (). App_id dan firebase.config (). API_Key untuk merujuk nilai -nilai ini di folder fungsi. Ini dilakukan karena setelah kami menggunakan fungsi -fungsi ini dapat mengakses kunci API ini.

Pastikan nama indeks yang Anda gunakan ditambahkan di sini di file index.ts dalam fungsi cloud:

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

Itu juga harus ditambahkan di frontend di sini di file search.vue:

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

Anda sekarang dapat menulis fungsi Anda di file menyediakan index.ts

Kemudian ketika Anda telah menulis fungsi cloud uji dengan menggunakannya ke Firebase. Anda dapat melakukan ini dengan mengetik:

 # run functions 
npm run serve

Beberapa perintah berguna tambahan untuk folder fungsi

 # test function remotely
firebase deploy --only functions

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