Xóa vương quốc mongodb

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đã 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ạy create-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ận

Bâ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:  http://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 mongodb realm with react js - lĩnh vực mongodb với phản ứng js

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

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

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