Mongodb lĩnh vực không có máy chủ
|
Kiến trúc serverless là một mô hình chạy và xây dựng các ứng dụng và dịch vụ mà không phải quản lý cơ sở hạ tầng. Nó liên quan đến các ứng dụng và dịch vụ chạy trên máy chủ, nhưng tất cả việc quản lý máy chủ được thực hiện bởi nhà cung cấp đám mây Show Bài đăng này sẽ thảo luận về việc xây dựng ứng dụng quản lý người dùng fullstack bằng MongoDB, MongoDB Realm và Vue. js. Ở phần cuối của hướng dẫn này, chúng ta sẽ tìm hiểu cách tạo cơ sở dữ liệu trên MongoDB, các chức năng không có máy chủ làm điểm cuối của chúng tôi bằng cách sử dụng MongoDB Realm và sử dụng các điểm cuối trong Vue. ứng dụng js MongoDB Realm là một nền tảng phát triển được thiết kế để xây dựng các ứng dụng di động, web, máy tính để bàn và IoT. Nó cung cấp các dịch vụ như đồng bộ hóa dữ liệu, chức năng không có máy chủ, trình kích hoạt, xác thực người dùng, v.v. t. c. Chúng tôi có thể xây dựng và duy trì ứng dụng trên MongoDB Realm bằng bất kỳ cách nào sau đây
Trong bài đăng này, chúng tôi sẽ sử dụng Realm UI để xây dựng các ứng dụng của mình Bạn có thể viết mã bằng cách sao chép kho lưu trữ này (nhánh chính) tại đây. Nếu bạn muốn xem mã hoàn chỉnh, hãy kiểm tra nhánh dev của cùng kho lưu trữ này Trong hướng dẫn này, chúng tôi sẽ chỉ tập trung vào triển khai. Giao diện người dùng của dự án đã được thiết lập với TailwindCSS Bạn có thể kiểm tra React. phiên bản js tại đây điều kiện tiên quyếtCác bước sau trong bài đăng này yêu cầu JavaScript và Vue. kinh nghiệm js. Kinh nghiệm với TypeScript không phải là một yêu cầu, nhưng thật tuyệt khi có Chúng tôi cũng cần một tài khoản MongoDB để lưu trữ cơ sở dữ liệu và tạo các chức năng không có máy chủ. Đăng ký hoàn toàn miễn phí Hãy viết mãChạy dự ánĐể bắt đầu, chúng ta cần điều hướng đến vị trí dự án, mở thiết bị đầu cuối của chúng ta và cài đặt phụ thuộc dự án như hình bên dưới Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Khi đã xong, chúng ta có thể khởi động một máy chủ phát triển bằng lệnh bên dưới Vào chế độ toàn màn hình Thoát chế độ toàn màn hình  Thiết lập MongoDBĐể bắt đầu, chúng tôi cần đăng nhập hoặc đăng ký vào tài khoản MongoDB của mình và làm theo tùy chọn áp dụng cho chúng tôi Đối với Tài khoản mới (Đăng ký) Chọn Chia sẻ làm loại cơ sở dữ liệu Nhấp vào Tạo để thiết lập một cụm. Điều này đôi khi có thể mất thời gian để thiết lập Tiếp theo, chúng ta cần tạo một người dùng để truy cập cơ sở dữ liệu bên ngoài bằng cách nhập Tên người dùng, Mật khẩu rồi nhấp vào Tạo người dùng. Chúng tôi cũng cần thêm địa chỉ IP của mình để kết nối an toàn với cơ sở dữ liệu bằng cách nhấp vào nút Thêm địa chỉ IP hiện tại của tôi. Sau đó bấm vào Kết thúc và Đóng để lưu thay đổi Khi lưu các thay đổi, chúng ta sẽ thấy màn hình Triển khai cơ sở dữ liệu, như hình bên dưới Đối với Tài khoản Hiện tại (Đăng nhập) Nhập Nhấp vào Xây dựng cơ sở dữ liệu Chọn Chia sẻ làm loại cơ sở dữ liệu Nhấp vào Tạo để thiết lập một cụm. Điều này đôi khi có thể mất thời gian để thiết lập Tiếp theo, chúng ta cần tạo một người dùng để truy cập cơ sở dữ liệu bên ngoài bằng cách nhập Tên người dùng, Mật khẩu rồi nhấp vào Tạo người dùng. Chúng tôi cũng cần thêm địa chỉ IP của mình để kết nối an toàn với cơ sở dữ liệu bằng cách nhấp vào nút Thêm địa chỉ IP hiện tại của tôi. Sau đó bấm vào Kết thúc và Đóng để lưu thay đổi Khi lưu các thay đổi, chúng ta sẽ thấy màn hình Triển khai cơ sở dữ liệu, như hình bên dưới Đang tải dữ liệu mẫuTiếp theo, chúng ta cần điền dữ liệu mẫu của người dùng vào cơ sở dữ liệu của mình. Để thực hiện việc này, hãy nhấp vào nút Duyệt bộ sưu tập Bấm vào Thêm dữ liệu của riêng tôi, nhập Tiếp theo, chúng ta cần chèn những dữ liệu mẫu này Để thực hiện việc này, nhấp vào nút Chèn Tài liệu, điền các thông tin chi tiết ở trên và nhấp vào Chèn để lưu Tạo và cấu hình ứng dụng MongoDB RealmVới cơ sở dữ liệu của chúng tôi được điền, chúng tôi cần tạo các chức năng không có máy chủ để thực hiện Tạo, Đọc, Cập nhật và Xóa (CRUD) trên cơ sở dữ liệu của chúng tôi. Để thực hiện việc này, hãy chọn tab Vương quốc, nhấp vào Xây dựng ứng dụng của riêng bạn. Sau đó bấm vào Tạo ứng dụng Realm để thiết lập ứng dụng của chúng tôi MongoDB Realm cũng cung cấp các mẫu mà chúng ta có thể sử dụng để xây dựng ứng dụng của mình một cách nhanh chóng. Đối với hướng dẫn này, chúng tôi sẽ xây dựng từ đầu Tiếp theo, chúng ta cần thiết lập quyền và quy tắc cho các chức năng của mình. Để thực hiện việc này, hãy đóng hướng dẫn bật lên, nhấp vào Quy tắc, chọn vueRealmCol và nhấp vào Cấu hình bộ sưu tập Lưu và triển khai MongoDB Realm Khi viết một chức năng không có máy chủ, nhấp vào Lưu sẽ tạo một bản nháp phát triển mà chúng tôi có thể kiểm tra và sử dụng xung quanh. Đồng thời, Deploy đặt các thay đổi của chúng ta ở chế độ công khai để ứng dụng khác sử dụng (Vue. js trong trường hợp của chúng tôi) Nhấn Next rồi Got it để tiếp tục Tiếp theo, chúng ta cần cấp quyền Đọc và Viết cho chức năng của mình rồi Lưu Tiếp theo, điều hướng đến tab Xác thực, nhấp vào Cho phép người dùng đăng nhập ẩn danh, bật tính năng này và Lưu bản nháp MongoDB Realm cũng cung cấp một số tùy chọn xác thực mà chúng ta có thể khám phá. Đối với hướng dẫn này, chúng tôi sẽ sử dụng tùy chọn ẩn danh Tạo các hàm serverless trên MongoDB RealmNhận tất cả người dùng Chức năng không có máy chủ Tiếp theo, chọn tab Trình chỉnh sửa chức năng và sửa đổi chức năng thành như sau Đoạn mã trên thực hiện như sau
Tiếp theo, chúng ta có thể kiểm tra chức năng của mình bằng cách nhấp vào nút Run để xem danh sách người dùng Cuối cùng, chúng tôi cần sao chép Nhận chức năng Serverless của người dùng Tiếp theo, chọn tab Trình chỉnh sửa chức năng và sửa đổi chức năng thành như sau Đoạn mã trên thực hiện như sau
Để kiểm tra chức năng của chúng tôi, hãy điều hướng đến tab Bảng điều khiển, thay thế Cuối cùng, chúng ta cần lưu chức năng của mình bằng cách nhấp vào nút Lưu bản nháp Chỉnh sửa chức năng Serverless của người dùng Đầu tiên, nhấp vào tab Chức năng, nhấp vào Tạo chức năng mới và nhập ____19 làm tên hàm Tiếp theo, chọn tab Trình chỉnh sửa chức năng và sửa đổi chức năng thành như sau Đoạn mã trên thực hiện như sau
Tiếp theo, chúng ta có thể kiểm tra hàm của mình bằng cách điều hướng đến tab Bảng điều khiển, thay thế Tạo chức năng Serverless cho người dùng Đầu tiên, nhấp vào tab Chức năng, nhấp vào Tạo chức năng mới và nhập _ _ _ _ 180 làm tên hàm Tiếp theo, chọn tab Trình chỉnh sửa chức năng và sửa đổi chức năng thành như sau Đoạn mã trên thực hiện như sau
Tiếp theo, chúng ta có thể kiểm tra hàm của mình bằng cách điều hướng đến tab Bảng điều khiển, thay thế Xóa chức năng Serverless của người dùng Đầu tiên, nhấp vào tab Chức năng, nhấp vào Tạo chức năng mới và nhập ____187 làm tên hàm Tiếp theo, chọn tab Trình chỉnh sửa chức năng và sửa đổi chức năng thành như sau Đoạn mã trên thực hiện như sau
Tiếp theo, chúng ta có thể kiểm tra hàm của mình bằng cách điều hướng đến tab Bảng điều khiển, thay thế Triển khai các chức năng serverlessĐể bắt đầu sử dụng các chức năng serverless trong ứng dụng của mình, chúng ta cần triển khai chúng. Để thực hiện việc này, nhấp vào nút Xem lại bản nháp & triển khai, cuộn xuống và sau đó nhấp vào Triển khai Chúng tôi sẽ nhận được lời nhắc hiển thị trạng thái triển khai của chúng tôi Cuối cùng. Tích hợp với Vue. jsĐể tích hợp MongoDB Realm trong ứng dụng của chúng tôi, chúng tôi cần cài đặt các phụ thuộc với Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Thiết lập biến môi trường Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Để lấy ID ứng dụng Realm của chúng tôi, chúng tôi cần nhấp vào biểu tượng sao chép như hình bên dưới Thiết lập Vương quốc MongoDB Đoạn mã trên thực hiện như sau
Nhận tất cả người dùng Tái bút. Dấu hỏi phía trước _id cho TypeScript biết rằng thuộc tính này là tùy chọn vì MongoDB tự động tạo nó Tiếp theo, chúng tôi cần sửa đổi Đoạn mã trên thực hiện như sau
Ứng dụng hoàn chỉnh. vue Tạo người dùng Đoạn mã trên thực hiện như sau
Tiếp theo, điều hướng đến tệp Đoạn mã trên thực hiện như sau
Chỉnh sửa người dùng Tiếp theo, chúng ta cần điền vào biểu mẫu của mình khi nhấp vào nút Chỉnh sửa. Để làm điều này, hãy mở Đoạn mã trên thực hiện như sau
Tiếp theo, chúng ta cần cập nhật chức năng Phương thức hoàn chỉnh. Vue Xóa người dùng Đoạn mã trên thực hiện như sau
Ứng dụng hoàn chỉnh. vue Cuối cùng, chúng ta có thể kiểm tra ứng dụng của mình bằng cách khởi động máy chủ phát triển và thực hiện các thao tác CRUD Bài đăng này đã thảo luận về cách tạo cơ sở dữ liệu trên MongoDB, tạo và triển khai các chức năng không có máy chủ bằng MongoDB Realm và sử dụng các điểm cuối trong Vue. ứng dụng js |
