Nextron + Firebase를 이용한 1:1 채팅앱
- 회원가입
- 로그인
- 유저 목록
- 1:1 채팅
- 레포지토리를 클론받습니다.
git clone https://github.com/llama-ste/nextron-chat.git
- 프로젝트의 root 경로에 .env파일을 아래와 같이 설정합니다.
Firebase에서 웹앱을 추가하면 키를 받을 수 있습니다.
NEXT_PUBLIC_FIREBASE_API_KEY=
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
NEXT_PUBLIC_FIREBASE_PROJECT_ID=
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=
NEXT_PUBLIC_FIREBASE_APP_ID=1
- 프로젝트의 root 경로에 Firebase 프로젝트에 서비스 계정을 추가하여 비공개키 파일을 내려받아서 넣습니다.
아래와 같은 형태의 파일을 받을 수 있습니다.
// app-name-serviceAccountKey.json
{
"type": "service_account",
"project_id": "",
"private_key_id": "",
"private_key": "",
"client_email": "",
"client_id": "",
"auth_uri": "",
"token_uri": "",
"auth_provider_x509_cert_url": "",
"client_x509_cert_url": ""
}- main폴더의 background.ts의 serviceAccount의 경로를 해당 파일로 바꿔줍니다.
// /main/background.ts
const serviceAccount = require("/app-name-serviceAccountKey.json");- 터미널을 열고 프로젝트 경로에서 아래의 명령어 두가지를 순차적으로 입력하면 패키지를 설치한뒤, 개발 서버를 실행합니다.
$ npm install
$ npm run dev
💡 아래의 명령어를 이용하면 앱을 설치할 수 있는 install파일을 받아볼 수 있습니다.
$ npm run build
