Hướng dẫn này chỉ dành cho bạn cách thiết lập một ứng dụng web React cơ bản kết nối với các dịch vụ hỗ trợ ứng dụng Atlas của bạn và xác nhận một người dùng ẩn danh
Chúng tôi kết hợp một phiên bản hoàn thành của BẮT ĐẦU QUẢN LÝ này trên CodeSandBox. Tất cả những gì bạn phải làm là dán vào ID ứng dụng Realm của bạn để kết nối với ứng dụng của bạn
CodeSandbox JavaScript
CodeScript CodeSandbox
Hướng dẫn này giả định rằng bạn đã tạo một dịch vụ phụ trợ cho ứng dụng Atlas và cho phép xác thực ẩn danh. đã tạo phụ trợ Dịch vụ ứng dụng Atlas và đã bật xác thực ẩn danh.
Để tạo và chạy ứng dụng này, bạn cần cài đặt NPM trên máy của mình. npm được cài đặt trên máy của bạn.
Tài liệu Create-Reac-App khuyến nghị bạn cài đặt NPX để chạy
create-react-app
thay vì sử dụng phiên bản được cài đặt trên máy của bạn. Tài liệu tạo ứng dụng phản ứng khuyên bạn nên cài đặt npx để chạycreate-react-app
.
Tạo một ứng dụng mẫu mới bằng cách sử dụng ứng dụng đã tạo. tạo-phản ứng-ứng dụng.
Điều hướng đến ứng dụng mới và cài đặt gói realm-web
cd realm-web-react-quickstartnpm install --save realm-web
SDK Web Realm chứa mọi thứ bạn cần để kết nối với ứng dụng dành cho MongoDB từ ứng dụng duyệt. Trong /src/App.js
, add code after to input SDK web
import * as Realm from "realm-web";
Bây giờ, hãy sử dụng gói đã nhập để khởi động ____77 mới. Đối tượng app
đại diện cho ứng dụng Vương quốc của bạn. Bạn sẽ sử dụng nó để xác thực và quản lý người dùng tương tác với ứng dụng của bạn
// Add your App IDconst app = new Realm.App[{ id: APP_ID }];
Trong /src/App.js
, thêm các thành phần sau đây hiển thị thông tin chi tiết về người dùng định mức cao nhất và cho phép người dùng đăng nhập
In /src/App.js
, override into section
import * as Realm from "realm-web";
1 hiện tại với thành phần sau đây lưu trữ người dùng hiện tại ở trạng thái bộ cục bộ và có điều kiện hiển thị thông tin chi tiết về người dùng hiện tại hoặc màn hình đăng nhập nếu không có người dùng nào được xác nhậnBây giờ bạn đã sẵn sàng để kết nối với ứng dụng Vương quốc của mình và đăng nhập. Bảo đảm rằng bạn đã lưu các thay đổi của mình vào /src/App.js
và sau đó chạy lệnh sau từ dự án gốc
Điều này bắt đầu một máy chủ cục bộ web phục vụ ứng dụng của bạn. Nếu thành công, bạn sẽ thấy đầu ra sau trong vỏ của bạn
Compiled successfully!You can now view realm-quickstart-web in the browser. Local: //localhost:3000
Mở http. // máy chủ cục bộ. 3000 trong trình duyệt của bạn và kiểm tra xem bạn có thể đăng nhập thành công với tư cách là người dùng ẩn danh. http. //máy chủ cục bộ. 3000 trong trình duyệt của bạn và kiểm tra xem bạn có thể đăng nhập thành công với tư cách người dùng ẩn danh hay không.
Nếu bạn đã hoàn thành công việc hướng dẫn này, bạn đã tạo một ứng dụng React có thể kết nối với các dịch vụ phụ trợ của ứng dụng ứng dụng và xác thực người dùng ẩn danh.
Sử dụng SDK gốc React React để phát triển các ứng dụng iOS và Android với JavaScript hoặc TypeScript
Đường đi học
Application ví dụ làm việc
Tìm hiểu từ ví dụ bằng cách mổ xẻ một ứng dụng khách hàng tự nhiên phản ứng hoạt động sử dụng cơ sở dữ liệu Realm với đồng bộ hóa thiết bị
Khám phá một ví dụ ứng dụng
Hướng dẫn hướng dẫn
Thực hiện theo hướng dẫn có hướng dẫn để tìm hiểu cách điều chỉnh ứng dụng ví dụ để tạo ứng dụng làm việc của riêng bạn với cơ sở dữ liệu và đồng bộ hóa thiết bị của Vương quốc
Thực hiện theo hướng dẫn
You can do anything
Sử dụng nguồn mở vùng cơ sở dữ liệu để lưu trữ dữ liệu trên thiết bị. Sử dụng đồng bộ hóa thiết bị để lưu trữ đồng bộ dữ liệu với cụm từ Atlas MongoDB của bạn và các máy khách khác
Elementary document
Phản hồi bản địa nhanh bắt đầu với hội chợ triển lãm
Xây dựng và triển khai một ứng dụng tự nhiên phản ứng nhanh chóng bằng cách sử dụng ứng dụng mẫu Expo với Realm React
Khởi động quá trình khám phá nhanh chóng
Chúng ta có thể kết nối MongoDB với React JS không?
Trước hết, chúng tôi không thể kết nối React JS với MongoDB vì mọi thứ không hoạt động như thế này. Đầu tiên, chúng tôi tạo một ứng dụng React và sau đó để bảo đảm hỗ trợ hỗ trợ, chúng tôi tạo API trong nút. JS và Express. JS đang chạy ở một cổng khác và ứng dụng React của chúng tôi chạy ở một cổng khác. chúng tôi không thể kết nối React JS với MongoDB vì mọi thứ không hoạt động như thế này. Đầu tiên, chúng tôi tạo một ứng dụng phản ứng, sau đó để bảo trì phụ trợ, chúng tôi tạo API trong nút. js và thể hiện. js đang chạy ở một cổng khác và ứng dụng phản ứng của chúng tôi đang chạy ở một cổng khác.
Làm thế nào để tạm thời MongoDB phản ứng với tích phân?
Trong hướng dẫn này, chúng tôi sẽ tìm hiểu cách tạo ứng dụng ngoài MongoDB, thêm dữ liệu mẫu vào đó, hạn chế truy cập dữ liệu dựa trên vai trò chơi của người dùng, sau đó là cách phân tích ứng dụng . .
Tạo một ứng dụng tạm thời MongoDB
Create lược đồ
Xác thực thiết lập trong Vương quốc ứng dụng
Rective setting
Phần kết luận
Realm có sử dụng MongoDB không?
Realm SDK sử dụng đồng bộ hóa thiết bị Atlas để đồng bộ hóa dữ liệu ứng dụng giữa máy khách và Atlas MongoDB. Atlas Device Sync xử lý truy cập mạng và giải quyết xung đột xung đột trong luồng nền của ứng dụng của bạn, logic đó ứng dụng của bạn vẫn giữ nguyên bất kể điều kiện mạng