Tài liệu về nhà → vương quốc → Realm
Hướng dẫn này chỉ 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 phụ trợ dịch vụ ứng dụng Atlas của bạn và xác thực 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 phụ trợ dịch vụ ứng dụng Atlas và cho phép xác thực ẩn danh.created an Atlas App Services backend and enabled anonymous authentication.
Để tạo và chạy ứng dụng này, bạn sẽ cần cài đặt NPM trên máy của mình.npm installed on your machine.
Tài liệu Creat-React-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.create-react-app documentation recommends that you install npx to runcreate-react-app
rather than using a version that's installed on your machine.
Tạo một mẫu ứng dụng mới bằng cách sử dụng created-react-app:create-react-app: Điều hướng vào ứng dụng mới và cài đặt gói realm-web
:cd realm-web-react-quickstart npm 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 cõi MongoDB từ ứng dụng trình duyệt. Trong /src/App.js
, thêm mã sau để nhập SDK web.
import * as Realm from "realm-web";
Bây giờ sử dụng gói đã nhập để khởi tạo một ____77 mới. Đối tượng app
đại diện cho ứng dụng Realm 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 ID const app = new Realm.App[{ id: APP_ID }];
Trong /src/App.js
, thêm các thành phần sau đây hiển thị chi tiết về một người dùng nhất định và cho phép người dùng đăng nhập.
Trong /src/App.js
, ghi đè thành phần
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 cục bộ và có điều kiện hiển thị 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 thực.Bây giờ bạn đã sẵn sàng để kết nối với ứng dụng Realm của mình và đăng nhập! Đảm bảo 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ừ root dự án:
Điều này bắt đầu một máy chủ web cục bộ 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ở // localhost: 3000 trong trình duyệt của bạn và kiểm tra mà bạn có thể đăng nhập thành công với tư cách là người dùng ẩn danh.//localhost:3000 in your browser and test that you can successfully log in as an anonymous user.
Nếu bạn đã hoàn thành thành công hướng dẫn này, bạn đã tạo một ứng dụng React có thể kết nối với phụ trợ dịch vụ ứ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
Bắt đầu nhanh
Các ví dụ về mã giải thích tối thiểu về cách làm việc với cơ sở dữ liệu của Realm.
Xem ví dụ mã
Ứng dụng 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 ứng dụng ví dụ
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 Realm.
Thực hiện theo hướng dẫn
Bạn có thể làm gì
Sử dụng cơ sở dữ liệu realm nguồn mở để lưu trữ dữ liệu trên thiết bị. Sử dụng đồng bộ hóa thiết bị để giữ dữ liệu đồng bộ với cụm Atlas MongoDB của bạn và các máy khách khác.
Tài liệu thiết yếu
Phản ứng 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ám phá sự khởi đầu nhanh chóng