Hướng Dẫn Kết Nối MongoDB Atlas với Vercel

Thiết lập cơ sở dữ liệu MongoDB Atlas cho các dự án Vercel của bạn giờ đây trở nên đơn giản hơn bao giờ hết. MongoDB và Vercel đã hợp tác để mang lại tích hợp cơ sở dữ liệu gốc vào hệ sinh thái Vercel, giúp loại bỏ những khó khăn trong việc thiết lập và cấu hình.

Trong hướng dẫn này, chúng ta sẽ đi qua quy trình hoàn chỉnh để tạo một ứng dụng Next.js mới với MongoDB Atlas, triển khai nó lên Vercel và kết nối tất cả lại với nhau. Phần tốt nhất? Toàn bộ quá trình thiết lập cơ sở dữ liệu chỉ mất ba cú nhấp chuột.

💡 Kiểm tra tích hợp MongoDB Atlas trong Vercel Marketplace!

Nội dung bạn sẽ xây dựng

Cuối cùng của hướng dẫn này, bạn sẽ có một ứng dụng Next.js hoàn chỉnh được kết nối với cơ sở dữ liệu MongoDB Atlas, đã được triển khai trên Vercel và sẵn sàng cho quá trình phát triển.

Yêu cầu trước khi bắt đầu

Trước khi bắt đầu, hãy đảm bảo bạn đã có:

• Node.js được cài đặt trên máy của bạn.
• Tài khoản Vercel (phiên bản miễn phí hoạt động rất tốt).
• Tài khoản MongoDB Atlas (cũng miễn phí—không cần thẻ tín dụng).
• Kiến thức cơ bản về Next.js và React.

Tạo ứng dụng Next.js với MongoDB

Chúng ta sẽ sử dụng mẫu ví dụ chính thức của MongoDB để bắt đầu một cách nhanh chóng. Mẫu này đã được cấu hình sẵn với logic kết nối MongoDB.

Mở terminal và chạy:

npx create-next-app --example with-mongodb nextjs-mongodb -y

Lệnh này thực hiện một số công việc:

• Tạo một ứng dụng Next.js mới sử dụng ví dụ with-mongodb
• Đặt tên cho dự án là nextjs-mongodb (bạn có thể chọn tên khác nếu muốn)
• Tham số -y tự động chấp nhận tất cả các tùy chọn mặc định.

Chuyển đến thư mục dự án mới của bạn:

cd nextjs-mongodb

Thiết lập kiểm soát phiên bản

Trước khi triển khai, hãy khởi tạo một kho chứa Git. Bước này rất quan trọng vì Vercel tự động triển khai lại ứng dụng của bạn khi bạn đẩy thay đổi lên kho chứa của mình.

git init
git add .
git commit -m "Initial commit"

Nếu bạn muốn đẩy mã này lên GitHub (được khuyến nghị), hãy tạo một kho chứa mới trên GitHub và kết nối nó:

git remote add origin https://github.com/yourusername/your-repo-name.git
git branch -M main
git push -u origin main

Kết nối với Vercel

Bây giờ, chúng ta sẽ liên kết dự án này với Vercel bằng cách sử dụng Vercel CLI. Nếu bạn chưa cài đặt, hãy chạy npm i -g vercel trước.

vercel link

Làm theo các hướng dẫn để:

1. Đăng nhập vào tài khoản Vercel của bạn (nếu bạn chưa đăng nhập).
2. Liên kết với một dự án hiện có hoặc tạo một dự án mới.
3. Chọn thư mục dự án của bạn.

Thêm MongoDB Atlas qua Vercel

Đây là nơi mà phép màu diễn ra. Bạn có thể thêm MongoDB vào dự án của mình theo hai cách:

Tùy chọn 1: Qua bảng điều khiển dự án của bạn

1. Truy cập bảng điều khiển dự án Vercel của bạn.
2. Điều hướng đến tab "Storage".
3. Nhấn "Create Database."
4. Chọn "MongoDB Atlas."

Tùy chọn 2: Qua Vercel Marketplace

1. Truy cập Vercel Marketplace.
2. Tìm kiếm "MongoDB."
3. Chọn "MongoDB Atlas."

Cả hai phương pháp đều dẫn đến quy trình tích hợp tương tự:

1. Chọn "Install": Bắt đầu quy trình tích hợp.
2. Chọn cấu hình của bạn:
   • Cluster: Chọn cấp độ cluster (M0 Sandbox là miễn phí và hoàn hảo cho phát triển).
   • Khu vực: Chọn khu vực gần nhất với người dùng của bạn.
   • Kế hoạch: Cấp miễn phí cung cấp cho bạn 512 MB dung lượng lưu trữ và miễn phí mãi mãi.
   • Nhấn "Continue."
3. Nhập tên cơ sở dữ liệu: Đặt tên mô tả cho cơ sở dữ liệu của bạn hoặc giữ nguyên tên tự động, sau đó nhấn "Continue."
4. Chọn "Done": Hoàn tất việc tạo cơ sở dữ liệu.
5. Chọn "Connect Project": Kết nối cơ sở dữ liệu với dự án Vercel của bạn.

Quá trình này sẽ tạo ra một cluster MongoDB Atlas hoàn chỉnh, cấu hình tất cả các quyền người dùng và truy cập mạng cần thiết, và tự động thêm biến môi trường kết nối vào dự án Vercel của bạn.

Đồng bộ biến môi trường cục bộ

Dự án Vercel của bạn giờ đây đã có chuỗi kết nối MongoDB, nhưng môi trường phát triển cục bộ của bạn thì chưa. Vercel CLI giúp điều này trở nên dễ dàng:

vercel env pull

Lệnh này sẽ tải xuống tất cả các biến môi trường từ dự án Vercel của bạn và tạo một tệp .env.local trong thư mục gốc của dự án. Bạn sẽ thấy một biến MONGODB_URI được thêm vào tệp này.

Kiểm tra ứng dụng của bạn

Hãy khởi động máy chủ phát triển và xem mọi thứ hoạt động:

npm run dev

Truy cập http://localhost:3000 trong trình duyệt của bạn. Bạn sẽ thấy ứng dụng mẫu MongoDB chạy, hoàn chỉnh với khả năng kết nối cơ sở dữ liệu.

Tùy chọn triển khai nhanh

Nếu bạn muốn bỏ qua thiết lập thủ công và bắt đầu nhanh hơn, bạn có thể sử dụng nút triển khai một cú nhấp chuột này:

Phương pháp này theo quy trình tương tự:

1. Chọn "Create" để tạo một kho chứa mới trong nhà cung cấp Git của bạn.
2. Chọn "Add" để thêm tích hợp MongoDB.
3. Cấu hình cơ sở dữ liệu của bạn (Cluster, Region, Plan), sau đó nhấn "Continue."
4. Nhập tên cơ sở dữ liệu và sau đó nhấn "Continue."
5. Chọn "Done" để hoàn tất việc thiết lập cơ sở dữ liệu.
6. Chọn môi trường và sau đó chọn "Connect" để liên kết tất cả lại với nhau.
7. Chờ triển khai và sau đó nhấn vào liên kết xem trước để xem ứng dụng trực tiếp của bạn.

Hiểu quy trình tích hợp

Tích hợp gốc này tự động xử lý một số nhiệm vụ phức tạp:

Cung cấp cơ sở dữ liệu: Tạo một cluster MongoDB Atlas sẵn sàng cho sản xuất với các cấu hình bảo mật hợp lý.

Bảo mật mạng: Cấu hình cho phép địa chỉ IP để chấp nhận kết nối từ hạ tầng của Vercel.

Xác thực người dùng: Tạo người dùng cơ sở dữ liệu với quyền hợp lý cho ứng dụng của bạn.

Quản lý môi trường: Tự động cung cấp và quản lý các chuỗi kết nối trên tất cả các môi trường Vercel của bạn (phát triển, xem trước, sản xuất).

Tích hợp thanh toán: Hợp nhất thanh toán để bạn có thể quản lý cả chi phí của Vercel và MongoDB Atlas ở một nơi.

Bước tiếp theo

Với cơ sở dữ liệu MongoDB Atlas đã kết nối với Vercel, bạn đã sẵn sàng để xây dựng các ứng dụng mạnh mẽ. Mẫu ví dụ cung cấp một nền tảng vững chắc, nhưng đây là một số hướng bạn có thể khám phá:

Mô hình dữ liệu: Mô hình tài liệu linh hoạt của MongoDB cho phép bạn lặp lại nhanh chóng trên cấu trúc dữ liệu mà không cần di chuyển phức tạp.

Khả năng tìm kiếm: MongoDB Atlas bao gồm tìm kiếm toàn văn tích hợp, tìm kiếm vector cho các ứng dụng AI và tìm kiếm kết hợp nhiều phương pháp.

Tối ưu hóa hiệu suất: Khám phá các chiến lược lập chỉ mục và tối ưu hóa truy vấn khi ứng dụng của bạn phát triển.

Tích hợp bổ sung: Vercel Marketplace bao gồm nhiều dịch vụ khác mà bổ sung cho MongoDB, từ nhà cung cấp xác thực đến công cụ phân tích.

Kết luận

Tích hợp MongoDB Atlas với Vercel loại bỏ những khó khăn truyền thống trong việc thiết lập và cấu hình cơ sở dữ liệu cho các ứng dụng web. Dù bạn đang xây dựng dự án phụ tiếp theo hay một ứng dụng sản xuất, quy trình làm việc đơn giản này cho phép bạn tập trung vào việc viết mã thay vì quản lý cơ sở hạ tầng.

Những bước mà chúng ta đã đề cập có thể hoạt động với bất kỳ framework nào được hỗ trợ bởi Vercel—bạn chỉ cần sử dụng biến môi trường MONGODB_URI để kết nối ứng dụng của bạn với cơ sở dữ liệu. Tích hợp tự động xử lý sự phức tạp của bảo mật, mạng và quản lý môi trường trên tất cả các môi trường phát triển, xem trước và sản xuất.

Hãy thử xây dựng một cái gì đó với thiết lập này và xem cách kết hợp giữa mô hình dữ liệu linh hoạt của MongoDB và nền tảng triển khai của Vercel có thể tăng tốc quy trình phát triển của bạn như thế nào.

Chào mừng bạn! YouTube | Twitter | LinkedIn | Instagram | TikTok