동물과 동물과 연계 관리 시스템을 구축하다

Write With Fauna program.와 관련된 서면 문서
연락처 관리 시스템은 특정 기술을 파악하는 매우 좋은 방법으로 한 위치에서 사용자의 연락처를 관리하는 방법을 제공한다.연락처 관리 시스템을 구축하는 데는 몇 가지 방법이 있다. 본고에서 우리는 서버가 없는 연락처 관리 시스템을 구축할 것이다. 사용자는 연락처 정보를 추가할 수도 있고 삭제할 수도 있다. 연락처는 우리의 데이터베이스에 추가될 것이다.
FaunaDB는 데이터베이스 즉 서비스(DBAAS)로 기존의 인프라 시설을 이용하여 웹 응용 프로그램을 구축하고 사용자 정의 API 서버를 설정하지 않아도 시간을 절약할 수 있다.

우리는 무엇을 짓고 있습니까?

선결 조건

이 자습서를 활용하려면 로컬 개발 환경에 다음 구성 요소가 설치되어 있는지 확인하십시오.

Node.js버전>=12.x.x설치되었음

패키지 관리자에 액세스할 수 있습니다(예: [npm](https://www.npmjs.com/) 또는 [yarn](https://classic.yarnpkg.com/en/).
전역 패키지로 설치된 react app CLI를 만들거나 npx

를 사용합니다.

FaunaDB 대시보드 진입

반응 갈고리의 기본 지식

왜 FaunaDB예요?

다음은 FaunaDB를 왜 사용해야 하는지에 대한 관점들입니다.

동물군 지원ACID convention which include Atomicity, Consistency, Isolation and Durability.

확장성: 동물군은 수요와 부하 균형에 따라 양호한 확장을 할 수 있다.

사용 편의성: Fuana는 서버 없는 응용 프로그램에 사용하기 쉽다.

GraphQl 지원: Fauna를 사용하면 GraphQl 모드를 가져오고 Fauna의 GraphQl 플랫폼에서 테스트할 수 있습니다.

FaunaDB 시작

Fauna를 사용하려면 먼저 e-메일 자격 증명 또는 GitHub 계정을 사용하여 새 계정을 등록하십시오.새 계정here을 등록할 수 있습니다.새 계정을 만들거나 로그인하면 대시보드 화면에 다음이 표시됩니다.

새 FaunaDB 인스턴스 만들기

FaunaDB 서비스를 사용하여 새로운 데이터베이스 실례를 만들려면 간단한 절차를 따라야 합니다.대시보드 화면에서 버튼New Database을 누릅니다.
![대시보드 예제] https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p1n6r2dmsjlaz71icsk5.png
다음에 데이터베이스 이름과 save를 입력합니다.일단 데이터베이스 실례를 구축하면 키에 접근할 수 있다.Fauna의 액세스 키는 한 페이지 애플리케이션에서 라이센스를 받고 데이터베이스에 연결하는 데 사용됩니다.액세스 키를 만들려면 측면 메뉴로 이동하여 Security 탭으로 이동한 다음 New Key 버튼을 클릭합니다.

모음 만들기

Fanua dashboard로 이동하여 옆 메뉴의 Collections 옵션을 클릭하고 New Collection 단추를 누르면 원하는 새 모음집 이름을 입력하고 저장합니다.

색인 만들기

우리의 동물군 설정을 완성하기 위해서 프로그램을 위한 색인을 만듭니다. 색인은 매우 중요합니다. searching documents 사용자 입력과 tern 필드를 일치시켜 동물군의 색인을 사용합니다.
색인을 만들려면 동물 대시보드의 Indexes 옵션 카드로 이동한 다음 Indexes 을 누르십시오.

현재, 우리는 React 프로그램을 구축하고FaunaDB 프로그램에 연결할 준비가 되어 있습니다.

새 React 애플리케이션 초기화 및 종속성 설치

이 절에서, 우리는 새로운React 프로그램을 초기화하고, 노드 패키지 관리자를 사용하여 통합할 것입니다. 더욱 간단하게 하기 위해서, 이 프로그램을 복제해서 env 파일에 추가할 수 있는 전방 프로그램을 준비했습니다.다음과 같이 하십시오.

git clone https://github.com/iamfortune/contact-manager
cd contact-manager 
yarn install 

위의 명령은github 프로그램을 복제하고 필요한 패키지를 설치합니다.다음은 다음에 만든 .env 파일에 접근 키를 추가합니다

// .env
DB_KEY={your fauna access keys go here!}

만약 당신이 이미 이렇게 한다면, 우리는 아래의 명령을 사용하여 우리의 응용 프로그램 개발 서버를 시작할 수 있습니다

yarn start 

우리의 응용 프로그램은 아래 그림과 같아야 한다

결론

축하합니다!
Fauna 및 서버 없는 애플리케이션에 대해 더 많은 정보를 얻을 수 있기를 바랍니다.Falla와 React의 결합은 한 페이지 애플리케이션에 적합합니다.연락처 이메일을 추가하거나 고객의 메시지를 실시간으로 업데이트할 수 있도록 프로그램을 확장할 수 있습니다.
다음은 본문을 읽은 후 귀하가 좋아할 수 있는 자원 목록입니다.

FaunaDB CRUD docs

FaunaDB with GraphQL

Indexes in FaunaDB