يجب أن يكون هذا دليلًا خطوة بخطوة إلى توجيه شخص ما لإنشاء دليل على مفهوم البحث الكامل.
# install npm packages
npm i
# start local dev server
npm run devابدأ بإنشاء حساب Firebase.
إنشاء مشروع جديد. انقر على قاعدة البيانات هنا ، ستتمكن من بدء قاعدة بيانات Firestore. انقر على ذلك ثم حدد وضع الاختبار.
قبل توصيل Cloud Firestore بتطبيقك ، تأكد من وجود خطة تسعير الحريق أو اللهب مع Firebase لتمكين الطلبات الصادرة. بعد ذلك يمكنك البدء في إنشاء ملف .env من ملف .env.example. في ملف المثال ، هناك قيم تحتاج إلى توفيرها ويمكن العثور عليها في إعدادات Firebase لمزيد من المعلومات ، يمكنك الخروج من صفحة إعداد Firebase هذه. يوجد في الإعدادات قسم التطبيقات الخاصة بك يعرض أيقونات iOS و Android و Web. انقر على متغير الويب وسترى قيمك تحتاج إلى نسخها إلى .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 في لوحة القيادة. هنا يمكنك العثور على مفتاح API Admin ومعرف التطبيق. أضف هذه المفاتيح إلى ملف .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تدعم وظائف السحابة العقدة 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 "إذا كنت ترغب في تسجيل الوظائف السحابية محليًا مع Algolia المتصلة ، فستحتاج إلى تشغيل هذا الأمر في مجلد الوظائف الحالية:
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> " >يمكنك الآن كتابة وظائفك في ملف توفير الفهرس
ثم عندما تكتب وظيفة سحابة اختبرها عن طريق نشرها على Firebase. يمكنك القيام بذلك عن طريق الكتابة:
# run functions
npm run serveبعض أوامر مفيدة إضافية لمجلد الوظائف
# test function remotely
firebase deploy --only functions
# test function locally
firebase functions:log --only < FUNCTION_NAME >