React에서 Appwrite를 사용한 인증 - 1부

백엔드 서비스의 중요한 기능은 사용자를 인증하는 것입니다.

Appwrite는 제 이해로는 Backend as a Service입니다. 이를 통해 개발자는 애플리케이션의 주요 측면에 쉽게 집중할 수 있으며 제공된 기계를 활용하여 데이터를 저장하고 사용자를 관리하며 인증을 포함한 다양한 기능을 제공할 수 있습니다.

참고: 프로세스에 내 로컬 컴퓨터를 사용하고 있습니다.

1단계: 프로젝트에 Appwrite 추가

Appwrite를 사용하려면 컴퓨터에 Docker가 설치되어 있어야 합니다.
가지고 있으면 터미널을 열고 프로젝트를 찾을 수 있습니다.
이제 프로젝트에 Appwrite를 설치해야 합니다. Docker 컨테이너에 패키징되어 있기 때문에 사용이 비교적 간단합니다. 실행 중인 위치에 따라 다음 명령을 실행할 수 있습니다.

CMD

    docker run -it --rm ^
    --volume //var/run/docker.sock:/var/run/docker.sock ^
    --volume "%cd%"/appwrite:/usr/src/code/appwrite:rw ^
    --entrypoint="install" ^
    appwrite/appwrite:0.13.4

PowerShell(VSCode에서 사용하는 것)

    docker run -it --rm ,
    --volume /var/run/docker.sock:/var/run/docker.sock ,
    --volume ${pwd}/appwrite:/usr/src/code/appwrite:rw ,
    --entrypoint="install" ,
    appwrite/appwrite:0.13.4

이제 컴퓨터에서 Appwrite를 사용할 준비가 되었습니다.

2단계: Appwrite에 로그인 및 초기 단계

Appwrite를 설치했으면 http://localhost/으로 이동합니다.
Appwrite 콘솔을 보려면 로그인하거나 새 계정을 만드십시오.



로그인하면 프로젝트를 생성하라는 메시지가 표시됩니다.

플랫폼 추가

다음으로 사용자 생성, 파일 추가 및 데이터 저장과 같은 작업을 수행하기 위한 플랫폼을 추가해야 합니다. 따라서 플랫폼 추가를 클릭하고 New Web App 옵션을 선택하십시오.



다음으로 플랫폼 이름과 도메인을 추가합니다(로컬 설정의 경우 localhost 사용).



그리고 사용할 준비가 된 새로운 백엔드 서비스를 만들었습니다!

3단계: 종속성 설치

다음으로 프로젝트에서 Appwrite를 사용해야 합니다.
분명히 이를 위한 첫 번째 단계는 종속성으로 설치appwrite하는 것입니다.

npm install appwrite

프로젝트에 연결하려면 projectId 및 apiEndpoint 가 필요합니다. 여기는 간단합니다. appwrite 콘솔로 이동하여 현재 프로젝트의 설정 페이지로 이동하십시오. 다음과 같이 보입니다.



프로젝트의 루트 폴더에 .env 파일을 만들고 다음을 추가합니다.

REACT_APP_APPWRITE_PROJECT=YOUR_PROJECT_ID
REACT_APP_APPWRITE_ENDPOINT=YOUR_APPWRITE_ENDPOINT

PROJECT_ID 및 YOUR_APPWRITE_ENDPOINT를 위의 설정 페이지에 있는 실제 projectId 및 엔드포인트로 바꿉니다.

이제 인증을 구현할 준비가 모두 끝났습니다. 이에 대해서는 이 게시물의 두 번째 부분에서 설명하겠습니다. 채널 고정!!