내일배움캠프

230717 Algolia를 사용하여 firebase firestore에서 텍스트 검색

Neda 2023. 7. 17. 20:43

230717 Algolia를 사용하여 firebase firestore에서 텍스트 검색

algolia 확장을 사용하여 firestore의 데이터를 검색하는 방법

algolia를 통한 텍스트 검색을 위한 순서

  1. Algolia 회원 가입
  2. Algolia에서 Index 생성
  3. Algolia 확장 프로그램 설치
    1. firebase 요금제를 Blaze 요금제로 변경
    2. Algolia 세팅 및 확장 설치
  4. algoliasearch를 사용하여 데이터 검색

 

Algolia 가입 및 인덱스 생성

-> 아래 주소에서 가입 후 대시보드에서 새로운 인덱스를 생성

 

Site Search & Discovery powered by AI

Create AI-powered search & discovery across websites & apps.

www.algolia.com

 

-> Settings - API keys -All API Keys에서 firebase 연결을 위한 api key를 생성

 

 

Firestore Algolia 확장 프로그램 설치 및 구성

아래에서 확장을 설치하고 구성

 

Search Firestore with Algolia | Firebase Extensions Hub

Enables full text search of your Cloud Firestore data with Algolia.

extensions.dev

 

Algolia 검색 라이브러리와 사용법

algoliasearch: algolia 검색 위한 패키지

https://www.npmjs.com/package/algoliasearch

 

algoliasearch

A fully-featured and blazing-fast JavaScript API client to interact with Algolia API.. Latest version: 4.18.0, last published: 24 days ago. Start using algoliasearch in your project by running `npm i algoliasearch`. There are 777 other projects in the npm

www.npmjs.com

패키지 설치

npm install algoliasearch

 

실행 코드 예제

import algoliasearch from 'algoliasearch';

const client = algoliasearch('<CLIENT_ID>', '<API_KEY>');
export const stores = client.initIndex('stores');

export const storeSearch = async (searchText) => {
  const results = await stores.search(searchText);
  return results.hits;
};

storeSearch('검색할 키워드') // 검색 결과로 배열을 반환