นี่ควรเป็นคู่มือทีละขั้นตอนในการกำกับให้ใครบางคนสร้างหลักฐานการค้นหาข้อความเต็มรูปแบบของแนวคิด
# install npm packages
npm i
# start local dev server
npm run devเริ่มต้นด้วยการสร้างบัญชี Firebase
สร้างโครงการใหม่ คลิกที่ฐานข้อมูลที่นี่คุณจะสามารถเริ่มฐานข้อมูล Firestore ได้ คลิกที่นั้นเลือกโหมดทดสอบ
ก่อนที่จะเชื่อมต่อ Cloud Firestore กับแอปพลิเคชันของคุณอย่าลืมมีแผนการกำหนดราคาเปลวไฟหรือเปลวไฟกับ Firebase เพื่อเปิดใช้งานคำขอขาออก หลังจากนี้คุณสามารถเริ่มสร้างไฟล์. env จากไฟล์. env.example ในไฟล์ตัวอย่างมีค่าที่คุณต้องจัดให้และสามารถพบได้ในการตั้งค่า Firebase ของคุณสำหรับการชำระเงินเพิ่มเติมหน้าการตั้งค่า Firebase นี้ ในการตั้งค่ามีส่วนแอพของคุณที่แสดงไอคอน iOS, Android และเว็บ คลิกที่ตัวแปรเว็บและคุณจะเห็นค่าของคุณที่คุณต้องคัดลอกไปยัง. ENV
อย่าลืมสร้างคอลเลกชันภาพยนตร์ Firestore ที่มีเอกสารของภาพยนตร์ด้วยฟิลด์ชื่อเรื่อง หากคุณต้องการดูฟิลด์อื่น ๆ ที่ฉันใช้ให้ชำระเงินส่วนประกอบการค้นหา
หลังจากนั้นติดตั้งเครื่องมือบรรทัดคำสั่ง 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 และรหัสแอพ เพิ่มคีย์เหล่านี้ในไฟล์. env ของคุณ
นี่คือแหล่งข้อมูลเพิ่มเติมเกี่ยวกับฟังก์ชั่น Algolia, Firestore และ Cloud และที่นี่จากมุมมองของ 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ฟังก์ชั่นคลาวด์รองรับ Node 6 ณ เวลานี้เท่านั้น ดังนั้นประเภท:
nvm install v6.11.5
nvm use v6.11.5ในซีดีบรรทัดคำสั่งไปยังโฟลเดอร์ฟังก์ชั่นอย่าลืมทำสิ่งนี้เป็นสิ่งสำคัญมาก ฟังก์ชั่นคลาวด์จำเป็นต้องได้รับการกำหนดค่าด้วย API ของ Algolia ทำสิ่งนี้โดยพิมพ์ต่อไปนี้:
# 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 "หากคุณต้องการบันทึกฟังก์ชั่นคลาวด์ในเครื่องด้วยอัลโกเลียที่เชื่อมต่อคุณจะต้องเรียกใช้คำสั่งนี้ในโฟลเดอร์ฟังก์ชันปัจจุบัน:
firebase functions:config:get > .runtimeconfig.jsonข้อมูลเพิ่มเติมสามารถพบได้ที่นี่
ตอนนี้เราสามารถใช้ firebase.config (). app_id และ firebase.config (). api_key เพื่ออ้างอิงค่าเหล่านี้ในโฟลเดอร์ฟังก์ชัน สิ่งนี้ทำเพราะหลังจากเราปรับใช้ฟังก์ชั่นเหล่านี้แล้วมันสามารถเข้าถึงคีย์ 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> " >ตอนนี้คุณสามารถเขียนฟังก์ชั่นของคุณในไฟล์ proves index.ts
จากนั้นเมื่อคุณเขียนฟังก์ชั่นคลาวด์ทดสอบโดยการปรับใช้กับ Firebase คุณสามารถทำได้โดยพิมพ์:
# run functions
npm run serveคำสั่งที่เป็นประโยชน์เพิ่มเติมบางอย่างสำหรับโฟลเดอร์ฟังก์ชั่น
# test function remotely
firebase deploy --only functions
# test function locally
firebase functions:log --only < FUNCTION_NAME >