Cách cài đặt MERN Stack cho các ứng dụng dựa trên JS trên Debian 11

[theanh]

Ngăn xếp MERN bao gồm bốn công nghệ chính là MongoDB, Express, React và Node. Nó được thiết kế đặc biệt để triển khai các ứng dụng web full-stack dễ dàng và nhanh hơn. Đây là một trong những cấu trúc phát triển phổ biến và thân thiện với người dùng nhất giúp bạn cải thiện ứng dụng của mình ở mức độ lớn. Nền tảng MERN cho phép bạn xây dựng kiến trúc 3 tầng (giao diện người dùng, giao diện quản trị, cơ sở dữ liệu) hoàn toàn bằng JavaScript và JSON.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách cài đặt nền tảng MERN trên Debian 11.

Điều kiện tiên quyết​

• Máy chủ chạy Debian 11.
• Mật khẩu gốc được cấu hình trên máy chủ.

Bắt đầu​

Trước khi bắt đầu, bạn nên cập nhật bộ đệm gói của hệ thống lên phiên bản mới nhất. Bạn có thể cập nhật bằng lệnh sau:

apt-get update -y

Sau khi cập nhật bộ đệm gói, hãy cài đặt các phụ thuộc bắt buộc khác bằng lệnh sau:

apt-get install gnupg2 curl -y

Sau khi cài đặt tất cả các phụ thuộc bắt buộc, bạn có thể tiến hành bước tiếp theo.

Cài đặt MongoDB Server​

MongoDB là công nghệ cơ sở dữ liệu hướng đối tượng và NoSql được sử dụng trong lưu trữ dữ liệu lớn. Theo mặc định, MongoDB không được bao gồm trong kho lưu trữ mặc định của Debian 11. Vì vậy, bạn sẽ cần thêm kho lưu trữ MongoDB vào APT.

Trước tiên, hãy tải xuống và thêm khóa GPG MongoDB bằng lệnh sau:

wget -qO - https://www.mongodb.org/static/pgp/server-4.4.asc | apt-key add -

Tiếp theo, thêm kho lưu trữ MongoDB vào APT bằng lệnh sau:

echo "deb http://repo.mongodb.org/apt/debian buster/mongodb-org/4.4 main" | tee /etc/apt/sources.list.d/mongodb-org-4.list

Tiếp theo, hãy cập nhật kho lưu trữ và cài đặt gói máy chủ MongoDB bằng lệnh sau:

apt-get update -y
apt-get install mongodb-org -y

Sau khi cài đặt, hãy khởi động dịch vụ MongoDB và cho phép dịch vụ này khởi động khi khởi động lại hệ thống.

systemctl start mongod
systemctl enable mongod

Bạn có thể xác minh phiên bản MongoDB bằng lệnh sau:

mongod --version

Bạn sẽ thấy đầu ra sau:

db version v4.4.8Thông tin bản dựng: { "version": "4.4.8", "gitVersion": "83b8bb8b6b325d8d8d3dfd2ad9f744bdad7d6ca0", "openSSLVersion": "OpenSSL 1.1.1k 25 tháng 3 năm 2021", "modules": [], "allocator": "tcmalloc", "environment": { "distmod": "debian10", "distarch": "x86_64", "target_arch": "x86_64" }}

Sau khi cài đặt MongoDB, bạn có thể tiến hành cài đặt Node.js.

Cài đặt Node.js​

Node.js cho phép bạn chạy JavaScript trên phía máy chủ và bên ngoài trình duyệt. Nó sử dụng mô hình hướng sự kiện giúp nó nhẹ hơn cho các ứng dụng chạy trên các thiết bị phân tán.

Để cài đặt phiên bản Node.js mới nhất, bạn sẽ cần thêm kho lưu trữ NodeSource vào hệ thống của mình.

curl -sL https://deb.nodesource.com/setup_16.x | bash -

Sau khi kho lưu trữ được cài đặt, hãy chạy lệnh sau để cài đặt Node.js phiên bản 16 vào hệ thống của bạn:

apt-get install nodejs -y

Sau khi cài đặt hoàn tất, hãy xác minh phiên bản Node.js bằng lệnh sau:

node --version

Bạn sẽ thấy đầu ra sau:

v16.8.0

Cài đặt React.JS​

React là một thư viện JavaScript mã nguồn mở và được sử dụng để phát triển các ứng dụng web front-end. Nó cho phép bạn tạo các thành phần có thể tái sử dụng cho giao diện người dùng một trang.

Bạn có thể cài đặt công cụ create-react-app bằng NPM như được hiển thị bên dưới:

npm install -g create-react-app

Sau khi cài đặt, hãy tạo một ứng dụng React bằng lệnh sau:

create-react-app reactapp

Bạn sẽ thấy đầu ra sau:

Thành công! Đã tạo reactapp tại /root/reactappBên trong thư mục đó, bạn có thể chạy một số lệnh: npm start Khởi động máy chủ phát triển. npm run build Đóng gói ứng dụng thành các tệp tĩnh để sản xuất. npm test Khởi động trình chạy thử nghiệm. npm run eject Xóa công cụ này và sao chép các phụ thuộc xây dựng, tệp cấu hình và tập lệnh vào thư mục ứng dụng. Nếu bạn thực hiện thao tác này, bạn không thể quay lại!Chúng tôi đề xuất bạn bắt đầu bằng cách nhập: cd reactapp npm startChúc bạn hack vui vẻ!

Bây giờ, hãy thay đổi thư mục thành reactapp và khởi động ứng dụng bằng lệnh sau:

cd reactapp
npm start 0.0.0.0

Bạn sẽ thấy kết quả sau:

> [emailprotected] start> react-scripts start "0.0.0.0"Đã biên dịch thành công!Bây giờ bạn có thể xem reactapp trong trình duyệt. http://localhost:3000Lưu ý rằng bản dựng phát triển chưa được tối ưu hóa.Để tạo bản dựng sản xuất, hãy sử dụng npm run build.

Bây giờ, hãy mở trình duyệt web của bạn và kiểm tra ứng dụng React của bạn bằng URL

http://your-server-ip:3000

. Bạn sẽ thấy trang mặc định của React:



Nhấn CTRL+C để dừng ứng dụng.

Cài đặt Express​

Express là một framework Node.js được sử dụng để phát triển nhanh các ứng dụng web dựa trên node.

Bạn có thể cài đặt nó bằng lệnh NPM như được hiển thị bên dưới:

npm install -g express-generator

Sau khi cài đặt, hãy tạo một ứng dụng Express bằng lệnh sau:

express mearnapp

Bạn sẽ thấy đầu ra sau:

create : mearnapp/ create : mearnapp/public/ create : mearnapp/public/javascripts/ create : mearnapp/public/images/ create : mearnapp/public/stylesheets/ create : mearnapp/public/stylesheets/style.css create : mearnapp/routes/ create : mearnapp/routes/index.js tạo : mearnapp/routes/users.js tạo : mearnapp/views/ tạo : mearnapp/views/error.jade tạo : mearnapp/views/index.jade tạo : mearnapp/views/layout.jade tạo : mearnapp/app.js tạo : mearnapp/package.json tạo : mearnapp/bin/ tạo : mearnapp/bin/www thay đổi thư mục: $ cd mearnapp install dependency: $ npm install chạy ứng dụng: $ DEBUG=mearnapp:* npm start

Bây giờ, hãy thay đổi thư mục thành thư mục ứng dụng của bạn và cài đặt tất cả các phụ thuộc của ứng dụng bằng lệnh sau:

cd mearnapp
npm install

Tiếp theo, hãy khởi động ứng dụng bằng lệnh sau:

npm start 0.0.0.0

Bạn sẽ thấy thông báo sau output:

> [emailprotected] start> node ./bin/www "0.0.0.0"

Bây giờ, hãy mở trình duyệt web của bạn và truy cập ứng dụng Express của bạn bằng URL

http://your-server-ip:3000

. Bạn sẽ thấy trang sau:

Kết luận​

Trong hướng dẫn trên, bạn đã học cách cài đặt ngăn xếp MERN trên Debian 11. Bây giờ bạn có thể sử dụng khung này để phát triển nhanh các ứng dụng web và di động.