firebase algolia poc
1.0.0
이것은 누군가에게 전체 텍스트 검색 개념 증명을 만들도록 지시하는 단계별 가이드 여야합니다.
# install npm packages
npm i
# start local dev server
npm run devFirebase 계정을 작성하여 시작하십시오.
새 프로젝트를 만듭니다. 여기를 클릭하면 Firestore 데이터베이스를 시작할 수 있습니다. 이를 클릭 한 다음 테스트 모드를 선택하십시오.
클라우드 Firestore를 응용 프로그램에 연결하기 전에 Firebase와 함께 불꽃 또는 불꽃 가격 계획을 세우려면 아웃 바운드 요청을 활성화하십시오. 이 후에 .env.example 파일에서 .env 파일을 만들 수 있습니다. 예제 파일에는 제공해야 할 값이 있으며 자세한 내용을 확인하려면 Firebase 설정에서 찾을 수 있습니다.이 Firebase 설정 페이지. 설정에는 iOS, Android 및 웹 아이콘을 표시하는 앱 섹션이 있습니다. 웹 변형을 클릭하면 .env로 복사 해야하는 값이 표시됩니다.
제목 필드가있는 영화 문서가 포함 된 Firestore Movies 컬렉션을 만들어야합니다. 내가 사용한 다른 필드를보고 싶다면 Search-Result.vue 구성 요소를 확인하십시오.
그런 다음 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 키와 앱 ID를 찾을 수 있습니다. 이 키를 .env 파일에 추가하십시오.
다음은 Algolia, Firestore 및 Cloud Functions 및 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.5functions 폴더의 명령 줄 cd에서 이것을하는 것을 잊지 마십시오. 클라우드 기능은 Algolia의 API로 구성되어야합니다. 다음을 입력하여이를 수행하십시오.
# 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>' ) ;여기에 검색 파일의 프론트 엔드에 추가되어야합니다. vue 파일 :
< ais-index
:app-id =" appId "
:api-key =" apiKey "
index-name =" <you-algolia-index-name-here> " >이제 제공 index.ts 파일에 기능을 작성할 수 있습니다.
그런 다음 클라우드 기능 테스트를 작성하면 FireBase에 배치하여 테스트합니다. 입력하면 다음을 수행 할 수 있습니다.
# run functions
npm run serve함수 폴더에 대한 일부 추가 유용한 명령
# test function remotely
firebase deploy --only functions
# test function locally
firebase functions:log --only < FUNCTION_NAME >
