Mục lục:

Cách triển khai ứng dụng Node.js trên Heroku: 3 bước
Cách triển khai ứng dụng Node.js trên Heroku: 3 bước

Video: Cách triển khai ứng dụng Node.js trên Heroku: 3 bước

Video: Cách triển khai ứng dụng Node.js trên Heroku: 3 bước
Video: JSON Server 13 - Deploy NodeJS App to Heroku chi tiết 🚀 2024, Tháng mười một
Anonim
Cách triển khai ứng dụng Node.js trên Heroku
Cách triển khai ứng dụng Node.js trên Heroku

Đây là cách tôi triển khai Ứng dụng NodeJS của mình trên Heroku bằng tài khoản miễn phí. Chỉ cần nhấp vào liên kết để tải xuống các phần mềm cần thiết:

Phần mềm được sử dụng:

VSCode (hoặc bất kỳ trình soạn thảo văn bản nào bạn chọn)

HerokuCLI

Git

Bước 1: Tạo Package.json

Giới thiệu:

Heroku là một trang web thú vị cho phép bạn triển khai 5 ứng dụng miễn phí với thời gian chạy hơn 500 giờ mỗi tháng. Để triển khai một tệp, bạn cần tải lên 3 tệp:

Một package.json và package-lock.json flle. Bạn có thể làm theo hướng dẫn khác của tôi để biết từng bước về cách tạo một tài liệu bằng cách nhấp vào đây. Package-lock.json tự động hiển thị sau khi package.json được tạo. Vì chúng tôi sẽ chạy nó trên herku, trên gói, tệp json của bạn, bạn cần phải xác định một tập lệnh bắt đầu và đường dẫn của nút của bạn trên enines. bây giờ chạy nút lệnh -v. Đây là một ví dụ:

{

"name": "heroku", "phiên bản": "1.0.0", "sự mô tả": "", "main": "index.js", "script": {

"test": "echo \" Lỗi: không có bài kiểm tra nào được chỉ định / "&& lối ra 1", "start": "node server.js"

}, "từ khóa": , "tác giả": "", "giấy phép": "ISC", "động cơ": {

"nút": "12.x"

}

}

Bước 2: Tạo ứng dụng Node.js của bạn

Vì ứng dụng này sẽ chạy trên bất kỳ cổng nào mà heroku cung cấp cho chúng tôi, chúng tôi cần xác định mã mà nó sẽ cung cấp cho chúng tôi bằng cách sử dụng mã process.env. PORT này. Đây là một ứng dụng node js nói "xin chào":

const http = request ('http'); // tải thư viện để cho phép nó hoạt động như một cổng servervar = process.env. PORT || 5000; // chỉ định cổng không cho bất cứ thứ gì mà heroku cung cấp hoặc 5000 trên máy chủ cục bộ http.createServer (function (req, res) {// tạo một máy chủ res.writeHead (200, {'Content-type': 'text / trơn'})); // Chỉ định rằng các hồi âm "xin chào" là một văn bản res.end ("xin chào"); // hiển thị văn bản "xin chào" trên trang eweb}). Listen (port); // gắn máy chủ này vào cổng số.

Bước 3: Dấu nhắc lệnh

Dấu nhắc lệnh
Dấu nhắc lệnh
Dấu nhắc lệnh
Dấu nhắc lệnh
Dấu nhắc lệnh
Dấu nhắc lệnh
  • Mở dấu nhắc lệnh của bạn bằng cách nhấn Windows + R để mở hộp “Chạy”, sau đó nhập “cmd” và sau đó nhấp vào “OK”
  • Trên CMD của bạn, hãy truy cập thư mục gốc bằng cách nhập "cd.." cho đến khi không có đường dẫn nào được bao gồm.
  • Kiểm tra xem npm (trình quản lý thư viện được cài đặt bởi nút), git và heroku có được cài đặt đúng cách hay không bằng cách nhập:

npm - phiên bản

git --version heroku --version

Đăng nhập vào tài khoản yor herku

đăng nhập heroku

Điều này tạo ra một ứng dụng trên heroku:

heroku tạo

Để tải lên các tệp của bạn, bạn cần phải đến đường dẫn của nó bằng cách nhập cd

đĩa CD

Tạo một kho lưu trữ (thư mục) mới trên thiết bị locl của bạn cho các mục trong đường dẫn này

git init

Kết nối từ xa với một thư mục trên heroku qua git trên ứng dụng của bạn

heroku git: remote

Sao chép tệp này từ xa vào kho lưu trữ git cục bộ của bạn u qua git trên ứng dụng của bạn

git thêm.

Lưu các thay đổi bạn đã thực hiện trên thư mục với thông báo "làm cho nó tốt hơn"

git commit -am "làm cho nó tốt hơn"

Tải các tệp lên thư mục git trên heroku. Chờ cho nó downlaod

git push heroku master

mở ứng dụng

ứng dụng mở heroku

Đề xuất: