rn chat

RN 채팅

React Native, NativeBase, Apollo Hooks 및 Sequelize로 만든 채팅 앱.

특징

• 이메일 및 비밀번호 전략이있는 JWT 인증
• 사용자, 그룹, 채팅, 프로필, 로그인, 등록, 그룹 세부 사항 화면
• 사용자/친구, 공개/개인 그룹, 모든 사용자/그룹 사용자 탭, 서랍, 토스트
• 사용자, 친구, 채팅, 공개 및 개인 그룹을위한 쿼리
• 캐시 업데이트가있는 그룹 돌연변이에서 그룹 생성, 편집, 삭제, 추가, 사용자 제거
• 추가, 캐시 업데이트로 친구 돌연변이를 제거하십시오
• 사용자, 그룹 및 채팅 화면에 반영됩니다
• 채팅 추가, 그룹 추가 및 Group 추가 구독의 메시지
• 사용자 목록의 커서 릴레이 페이지 매김
• 사용자, 그룹, 채팅, 메시지 모델 속편을 후속시킵니다
• GroupUser, Chatuser, BannedGroupUser, Friends m:n 관계
• 메시지 사용자, Messages-Chat n:1 관계
• 데이터베이스 시드

사용 된 라이브러리

• React Native 0.61을 React Hooks, NativeBase와 반응합니다
• 반응 Navigation 4.0, Redux, Redux Thunk
• 아폴로 클라이언트, 아폴로 서버
• 속편, postgresql
• Formik, Faker, React Native Gifted Chat

설치 및 실행

섬기는 사람

• cd server 및 npm install 부근을 설치하십시오
• server/src/data/connectors.js 에서 데이터베이스 연결을 설정하여 new Sequelize('postgres://dbuser:password@localhost:5432/chat',...
• 무례한 db.sync({ force: true }).then(async () => await seed()).catch(error => console.log(error)); 데이터베이스를 시드하기 위해 server/src/data/connectors.js 에서
• npm run start HTTP Server 및 GraphQL Playground는 http://localhost:5000 및 ws://localhost/graphql 에 가입합니다.

고객

• cd client 및 yarn install 부피리를 설치합니다
• client/src/App.js 에서 서버 URL을 설정합니다. 예를 들어 const uri = '10.0.2.2:5000'; 또는 const uri = '192.168.0.185:5000';
• 실행중인 Android 에뮬레이터에서 React Native Client를 실행하기 위해 yarn run android
• [email protected] , 123456 으로 로그인하십시오

스크린 샷

데이터베이스 ER 다이어그램