Nhận dạng ứng dụng khách javascript
Làm theo hướng dẫn này để sử dụng SDK JavaScript Firebase trong ứng dụng web của bạn hoặc với tư cách là ứng dụng khách để người dùng cuối truy cập, chẳng hạn như trong Nút. js máy tính để bàn hoặc ứng dụng IoT Show Bước 1. Tạo dự án Firebase và đăng ký ứng dụng của bạnTrước khi có thể thêm Firebase vào ứng dụng JavaScript của mình, bạn cần tạo dự án Firebase và đăng ký ứng dụng của mình với dự án đó. Khi bạn đăng ký ứng dụng của mình với Firebase, bạn sẽ nhận được một đối tượng cấu hình Firebase mà bạn sẽ sử dụng để kết nối ứng dụng của mình với tài nguyên dự án Firebase Ghi chú. Nâng cấp từ SDK Firebase phiên bản 8?Truy cập Tìm hiểu các dự án Firebase để tìm hiểu thêm về các dự án Firebase và các phương pháp hay nhất để thêm ứng dụng vào dự án Tạo dự án Firebase
Firebase tự động cung cấp tài nguyên cho dự án Firebase của bạn. Khi quá trình hoàn tất, bạn sẽ được đưa đến trang tổng quan cho dự án Firebase của mình trong bảng điều khiển Firebase Đăng ký ứng dụng của bạnSau khi bạn có dự án Firebase, bạn có thể đăng ký ứng dụng web của mình với dự án đó
Nếu bạn chưa có dự án JavaScript và chỉ muốn dùng thử sản phẩm Firebase, bạn có thể tải xuống một trong các mẫu bắt đầu nhanh của chúng tôi Bước 2. Cài đặt SDK và khởi tạo FirebaseTrang này mô tả các hướng dẫn thiết lập cho phiên bản 9 của SDK Firebase JS, sử dụng định dạng Mô-đun JavaScript Quy trình công việc này sử dụng npm và yêu cầu bộ đóng gói mô-đun hoặc công cụ khung JavaScript vì SDK v9 được tối ưu hóa để hoạt động với bộ đóng gói mô-đun để loại bỏ mã không sử dụng (rung cây) và giảm kích thước SDK Ghi chú. Bạn nên sử dụng SDK v9, đặc biệt đối với các ứng dụng sản xuất. Nếu bạn cần hỗ trợ cho các tùy chọn quản lý SDK khác, chẳng hạn nhưwindow.firebase , hãy xem hoặc Các cách khác để thêm Firebase
Bước 3. Truy cập Firebase trong ứng dụng của bạnCác dịch vụ Firebase (như Cloud Firestore, Xác thực, Cơ sở dữ liệu thời gian thực, Cấu hình từ xa, v.v.) có sẵn để nhập trong các gói phụ riêng lẻ Ví dụ dưới đây cho thấy cách bạn có thể sử dụng Cloud Firestore Lite SDK để truy xuất danh sách dữ liệu import { initializeApp } from 'firebase/app'; import { getFirestore, collection, getDocs } from 'firebase/firestore/lite'; // Follow this pattern to import other Firebase services // import { } from 'firebase/ Bước 4. Sử dụng gói mô-đun (webpack/Rollup) để giảm kích thướcGhi chú. Bạn có thể bỏ qua bước này nếu bạn đang sử dụng công cụ CLI khung JavaScript như CLI góc, Tiếp theo. js, Vue CLI hoặc Tạo ứng dụng React. Xem hướng dẫn của chúng tôi về gói mô-đun để biết thêm thông tinSDK web Firebase được thiết kế để hoạt động với các gói mô-đun để xóa mọi mã không sử dụng (rung cây). Chúng tôi thực sự khuyên bạn nên sử dụng phương pháp này cho các ứng dụng sản xuất. Các công cụ như Angular CLI, Next. js, Vue CLI hoặc Tạo ứng dụng React tự động xử lý gói mô-đun cho các thư viện được cài đặt thông qua npm và được nhập vào cơ sở mã của bạn Xem hướng dẫn của chúng tôi Sử dụng gói mô-đun với Firebase để biết thêm thông tin Dịch vụ Firebase có sẵn cho webBây giờ bạn đã thiết lập để sử dụng Firebase, bạn có thể bắt đầu thêm và sử dụng bất kỳ dịch vụ Firebase có sẵn nào sau đây trong ứng dụng web của mình Các lệnh sau cho biết cách nhập các thư viện Firebase được cài đặt cục bộ với
Bước tiếp theoTìm hiểu về Firebase
|