Tạo ra một ứng dụng mạng xã hội có thể là một dự án thú vị cho các nhà phát triển tìm kiếm để xây dựng những kinh nghiệm di động hấp dẫn kết hợp các người bản địa phản ứng với Fire base cung cấp một công cụ mạnh mẽ để phát triển các ứng dụng xã hội có thể mở rộng và thực tế.

Tại sao chọn cơ sở cứu hỏa và bản địa phản ứng?

Hệ thống hỗ trợ phản ứng bản địa cho phép các nhà phát triển xây dựng ứng dụng di động theo thời gian, chạy JavaScript, cho phép sử dụng lại mã hóa qua iOS và Ando. Hỏa lực, một nền tảng hậu phương như một hệ thống phụ của Google, cung cấp cơ sở dữ liệu thời gian thực, cơ sở dữ liệu xác thực, lưu trữ mây, và nhiều hơn nữa, đơn giản hóa sự phát triển hậu phương.

Những đặc điểm then chốt của sự thỏa mãn

  • Quản lý hồ sơ và xác thực người dùng
  • Name
  • Gửi ảnh và văn bản vào các tập tin đã tạo
  • Theo và không theo dõi chức năng
  • Các tính năng giống như và chú thích

Thiết lập môi trường phát triển

Bắt đầu bằng việc cài đặt Node.js và các thiết bị phản ứng tự động bản địa. khởi động một dự án mới với:

npx react-native init SocialApp

Tiếp theo, thiết lập hỏa lực trong dự án của bạn bằng cách tạo một dự án căn cứ lửa trong bàn điều khiển Fire base. cài đặt căn cứ lửa SDK:

npm install --save @react-native-firebase/app

Xác thực Thi hành

Dùng xác thực Firebase để cho phép người dùng đăng nhập và đăng nhập. Bạn có thể chọn thư/ mật khẩu xác thực hoặc đăng nhập xã hội. Đây là ví dụ đơn giản cho thư/ từ mật khẩu:

import auth from '@react-native-firebase/auth';

function signUp(email, password) {
 auth().createUserWithEmailAndPassword(email, password)
 .then(() => console.log('User account created'))
 .catch(error => console.error(error));
}

Tạo cơ sở cho các đặc điểm

Đang tạo các bài báo

Dùng Firesbase Firestore để lưu các bài. Mỗi bài có thể bao gồm văn bản, ảnh và siêu dữ liệu như nhãn thời gian và ID người dùng.

import firestore from '@react-native-firebase/firestore';

function createPost(userId, content) {
 firestore().collection('posts').add({
 userId,
 content,
 createdAt: firestore.FieldValue.serverTimestamp(),
 });
}

Nạp thời gian thực

Thu thập các bài viết trong thời gian thực sử dụng thính giả báo cháy, đảm bảo cập nhật dữ liệu ngay lập tức khi các bài viết mới được thêm vào.

firestore().collection('posts')
 .orderBy('createdAt', 'desc')
 .onSnapshot(querySnapshot => {
 const posts = [];
 querySnapshot.forEach(documentSnapshot => {
 posts.push({
 ...documentSnapshot.data(),
 key: documentSnapshot.id,
 });
 });
 setPosts(posts);
 });

Tăng cường sự tương tác giữa người dùng

Noi theo và như

Sự tiếp nối theo các mối quan hệ và như nút bấm bằng cách cập nhật tài liệu về Firestore.

Triển khai và thử thách

Kiểm tra kỹ ứng dụng của bạn trên cả thiết bị iOS và A- rô-bốt. Dùng hệ thống phân tích lửa và phân tích sụp đổ để theo dõi hiệu suất và sửa chữa vấn đề. Khi sẵn sàng, hãy triển khai ứng dụng qua các cửa hàng ứng dụng.

Xây dựng một ứng dụng mạng xã hội với các người bản địa và Fire base là một cách thực tế để phát triển một nền tảng di động giàu tính năng. với cập nhật thời gian thực, xác thực và các dịch vụ hậu phương có thể mở rộng, bạn có thể tạo ra những trải nghiệm hấp dẫn với người dùng có hiệu quả.