Hướng dẫn mongodb realm with react js - lĩnh vực mongodb với phản ứng js

• 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 run create-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";

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:  http://localhost:3000

Mở http: // 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.http://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.

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