230717 Algolia를 사용하여 firebase firestore에서 텍스트 검색
algolia 확장을 사용하여 firestore의 데이터를 검색하는 방법
algolia를 통한 텍스트 검색을 위한 순서
- Algolia 회원 가입
- Algolia에서 Index 생성
- Algolia 확장 프로그램 설치
- firebase 요금제를 Blaze 요금제로 변경
- Algolia 세팅 및 확장 설치
- algoliasearch를 사용하여 데이터 검색
Algolia 가입 및 인덱스 생성
-> 아래 주소에서 가입 후 대시보드에서 새로운 인덱스를 생성
-> Settings - API keys -All API Keys에서 firebase 연결을 위한 api key를 생성
Firestore Algolia 확장 프로그램 설치 및 구성
아래에서 확장을 설치하고 구성
Algolia 검색 라이브러리와 사용법
algoliasearch: algolia 검색 위한 패키지
https://www.npmjs.com/package/algoliasearch
패키지 설치
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('검색할 키워드') // 검색 결과로 배열을 반환
'내일배움캠프' 카테고리의 다른 글
230719 리액트쿼리 파이어베이스에서 사용하기 (react-query firebase) (0) | 2023.07.19 |
---|---|
230718 react query에서 mutate는 하나의 인자만 받는다. (0) | 2023.07.18 |
230716 내일배움캠프 9주차 WIL (0) | 2023.07.16 |
230714 jwt 자동 로그인 순서도 (0) | 2023.07.14 |
230713 react 인증을 위한 페이지 컴포넌트 (0) | 2023.07.13 |