rn chat

แชท RN

แอพแชทที่ทำด้วย React Native, NativeBase, Apollo Hooks และ Sequelize

คุณสมบัติ

• JWT Auth ด้วยกลยุทธ์อีเมลและรหัสผ่าน
• ผู้ใช้, กลุ่ม, แชท, โปรไฟล์, เข้าสู่ระบบ, ลงทะเบียน, หน้าจอรายละเอียดกลุ่ม
• ผู้ใช้/เพื่อนกลุ่มสาธารณะ/ส่วนตัวแท็บผู้ใช้/กลุ่มผู้ใช้ทั้งหมดลิ้นชักขนมปังปิ้งขนมปังปิ้ง
• แบบสอบถามสำหรับผู้ใช้เพื่อนแชทกลุ่มสาธารณะและกลุ่มส่วนตัว
• สร้าง, แก้ไข, ลบกลุ่ม, เพิ่ม, ลบผู้ใช้ออกจากการกลายพันธุ์ของกลุ่มด้วยการอัปเดตแคช
• เพิ่มลบการกลายพันธุ์ของเพื่อนด้วยการอัปเดตแคช
• การตรวจสอบหน้าจอผู้ใช้กลุ่มและแชท
• ข้อความในการแชทเพิ่มการเพิ่มกลุ่มและข้อความในการสมัครสมาชิกที่เพิ่มกลุ่ม
• เคอร์เซอร์รีเลย์การแบ่งหน้าในรายชื่อผู้ใช้
• ผู้ใช้ลำดับผู้ใช้กลุ่มแชทโมเดลข้อความ
• Groupuser, Chatuser, BannedGroupUser, Friends m:n Relations
• ผู้ใช้ข้อความ, ข้อความ-แชท n:1 ความสัมพันธ์
• เมล็ดฐานข้อมูล

ห้องสมุดที่ใช้

• ทำปฏิกิริยาดั้งเดิม 0.61 ด้วย hooks react, nativebase
• React Navigation 4.0, Redux, Redux Thunk
• Apollo Client, Apollo Server
• Sequelize, PostgreSQL
• Formik, Faker, React Native Gifted Chat

การติดตั้งและทำงาน

เซิร์ฟเวอร์

• cd server และ npm install เพื่อติดตั้ง edpendecies
• ตั้งค่าการเชื่อมต่อฐานข้อมูลใน server/src/data/connectors.js ตัวอย่างเช่น new Sequelize('postgres://dbuser:password@localhost:5432/chat',...
• Unabment 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 เพื่อติดตั้ง ide
• ตั้งค่า URL เซิร์ฟเวอร์ใน client/src/App.js ตัวอย่าง const uri = '10.0.2.2:5000'; หรือ const uri = '192.168.0.185:5000';
• yarn run android เพื่อเรียกใช้ไคลเอนต์ Native React บนตัวจำลอง Android ที่กำลังทำงานอยู่
• เข้าสู่ระบบด้วย [email protected] , 123456

ภาพหน้าจอ

ฐานข้อมูล ER Diagram