Lấy tĩnh javascript

Hướng dẫn giả định rằng bạn có tài khoản Heroku miễn phí và bạn có Node. js và npm được cài đặt cục bộ

Bắt đầu từ ngày 28 tháng 11 năm 2022, các gói Heroku Dynos miễn phí, Heroku Postgres miễn phí và Dữ liệu Heroku miễn phí cho các gói Redis® sẽ không còn khả dụng nữa. Nếu có ứng dụng sử dụng bất kỳ tài nguyên nào trong số này, bạn phải nâng cấp lên gói trả phí trước ngày này để đảm bảo ứng dụng của bạn tiếp tục chạy và giữ lại dữ liệu của bạn. Sinh viên đủ điều kiện có thể đăng ký tín dụng nền tảng thông qua chương trình Heroku dành cho sinh viên GitHub mới của chúng tôi. Xem blog và Câu hỏi thường gặp của chúng tôi để biết thêm thông tin

Cài đặt

Heroku CLI yêu cầu Git, hệ thống kiểm soát phiên bản phổ biến. Nếu bạn chưa cài đặt Git, hãy hoàn thành phần sau trước khi tiếp tục

Trong bước này, bạn sẽ cài đặt Giao diện dòng lệnh Heroku (CLI). Bạn sử dụng CLI để quản lý và mở rộng ứng dụng của mình, cung cấp các tiện ích bổ sung, xem nhật ký ứng dụng và chạy ứng dụng của bạn cục bộ

Tải xuống và chạy trình cài đặt cho nền tảng của bạn

hệ điều hành Mac

$ brew tap heroku/brew && brew install heroku

Khi cài đặt hoàn tất, bạn có thể sử dụng lệnh

$ git --version
git version 2.28.0

0 từ thiết bị đầu cuối của mình

Trên Windows, khởi động Command Prompt (cmd. exe) hoặc Powershell để truy cập shell lệnh

Sử dụng lệnh

$ git --version
git version 2.28.0

1 để đăng nhập vào Heroku CLI

$ heroku login
heroku: Press any key to open up the browser to login or q to exit
 ›   Warning: If browser does not open, visit
 ›   https://cli-auth.heroku.com/auth/browser/***
heroku: Waiting for login...
Logging in.. done
Logged in as [email protected]

Lệnh này mở trình duyệt web của bạn đến trang đăng nhập Heroku. Nếu trình duyệt của bạn đã đăng nhập vào Heroku, chỉ cần nhấp vào nút

$ git --version
git version 2.28.0

2 được hiển thị trên trang

Xác thực này là bắt buộc để cả lệnh

$ git --version
git version 2.28.0

0 và

$ git --version
git version 2.28.0

4 hoạt động chính xác

Trước khi bạn tiếp tục, hãy kiểm tra xem bạn đã cài đặt đúng các điều kiện tiên quyết chưa. Nhập từng lệnh bên dưới và đảm bảo rằng nó hiển thị phiên bản bạn đã cài đặt. (Các phiên bản của bạn có thể khác với ví dụ. ) Nếu không có phiên bản nào được trả về, hãy quay lại phần giới thiệu của hướng dẫn này và cài đặt các điều kiện tiên quyết

Tất cả các thiết lập cục bộ sau đây sẽ được yêu cầu để hoàn thành "Khai báo phụ thuộc ứng dụng" và các bước tiếp theo

Hướng dẫn này sẽ hoạt động với mọi phiên bản Node lớn hơn 10 - hãy kiểm tra xem nó có ở đó không

$ node --version
v14.15.4

$ git --version
git version 2.28.0

5 được cài đặt với Node, vì vậy hãy kiểm tra xem nó có ở đó không. Nếu bạn không có nó, hãy cài đặt phiên bản Node mới hơn

$ npm --version
6.14.11

Bây giờ hãy kiểm tra xem bạn đã cài đặt

$ git --version
git version 2.28.0

4 chưa. Nếu không thì cài lại và test lại

$ git --version
git version 2.28.0

Chuẩn bị ứng dụng

Trong bước này, bạn sẽ chuẩn bị một ứng dụng mẫu sẵn sàng triển khai cho Heroku

Nếu bạn chưa quen với Heroku, bạn nên hoàn thành hướng dẫn này bằng ứng dụng mẫu do Heroku cung cấp

Tuy nhiên, nếu bạn có ứng dụng hiện tại của riêng mình mà bạn muốn triển khai thay vào đó, hãy xem bài viết này để tìm hiểu cách chuẩn bị cho việc triển khai Heroku

Để sao chép phiên bản cục bộ của ứng dụng mẫu mà sau đó bạn có thể triển khai lên Heroku, hãy thực thi các lệnh sau trong trình bao lệnh cục bộ hoặc thiết bị đầu cuối của bạn

$ git --version
git version 2.28.0

2

Bây giờ bạn có một kho lưu trữ Git đang hoạt động có chứa một ứng dụng đơn giản cũng như tệp

$ git --version
git version 2.28.0

7, được sử dụng bởi trình quản lý phụ thuộc của Node

Triển khai ứng dụng

Trong bước này, bạn sẽ triển khai ứng dụng lên Heroku

Tạo một ứng dụng trên Heroku, chuẩn bị cho Heroku nhận mã nguồn của bạn

$ git --version
git version 2.28.0

4

Khi bạn tạo một ứng dụng, một điều khiển từ xa git (được gọi là

$ git --version
git version 2.28.0

0) cũng được tạo và liên kết với kho lưu trữ git cục bộ của bạn

Heroku tạo một tên ngẫu nhiên (trong trường hợp này là

$ git --version
git version 2.28.0

9) cho ứng dụng của bạn hoặc bạn có thể chuyển một tham số để chỉ định tên ứng dụng của riêng mình

Bây giờ triển khai mã của bạn

$ git --version
git version 2.28.0

7

Ứng dụng hiện đã được triển khai. Đảm bảo rằng ít nhất một phiên bản của ứng dụng đang chạy

$ git --version
git version 2.28.0

8

Bây giờ hãy truy cập ứng dụng tại URL được tạo bởi tên ứng dụng của nó. Là một phím tắt tiện dụng, bạn có thể mở trang web như sau

$ git --version
git version 2.28.0

9

Xem các bản ghi

Heroku coi nhật ký là luồng sự kiện theo thứ tự thời gian được tổng hợp từ luồng đầu ra của tất cả ứng dụng và thành phần Heroku của bạn, cung cấp một kênh duy nhất cho tất cả sự kiện

Xem thông tin về ứng dụng đang chạy của bạn bằng một trong các lệnh ghi nhật ký,

$ git --version
git version 2.28.0

20

$ heroku login
heroku: Press any key to open up the browser to login or q to exit
 ›   Warning: If browser does not open, visit
 ›   https://cli-auth.heroku.com/auth/browser/***
heroku: Waiting for login...
Logging in.. done
Logged in as [email protected]

0

Truy cập lại ứng dụng của bạn trong trình duyệt và bạn sẽ thấy một thông báo nhật ký khác được tạo

Nhấn

$ git --version
git version 2.28.0

21 để dừng phát nhật ký

Định nghĩa một Procfile

Sử dụng Procfile, một tệp văn bản trong thư mục gốc của ứng dụng của bạn, để khai báo rõ ràng lệnh nào sẽ được thực thi để khởi động ứng dụng của bạn

$ git --version
git version 2.28.0

22 trong ứng dụng ví dụ mà bạn đã triển khai trông như thế này

$ heroku login
heroku: Press any key to open up the browser to login or q to exit
 ›   Warning: If browser does not open, visit
 ›   https://cli-auth.heroku.com/auth/browser/***
heroku: Waiting for login...
Logging in.. done
Logged in as [email protected]

1

Điều này khai báo một loại quy trình duy nhất,

$ git --version
git version 2.28.0

23 và lệnh cần thiết để chạy nó. Tên

$ git --version
git version 2.28.0

23 rất quan trọng ở đây. Nó tuyên bố rằng loại quy trình này sẽ được đính kèm vào ngăn xếp định tuyến HTTP của Heroku và nhận lưu lượng truy cập web khi được triển khai. Lệnh này sẽ sử dụng tập lệnh

$ git --version
git version 2.28.0

25 được chỉ định trong tệp

$ git --version
git version 2.28.0

7

Procfiles có thể chứa các loại quy trình bổ sung. Ví dụ: bạn có thể khai báo một cho quy trình công nhân nền xử lý các mục khỏi hàng đợi

Chia tỷ lệ ứng dụng

Ngay bây giờ, ứng dụng của bạn đang chạy trên một web dyno. Hãy coi dyno là một thùng chứa nhẹ chạy lệnh được chỉ định trong

$ git --version
git version 2.28.0

22

Bạn có thể kiểm tra có bao nhiêu dynos đang chạy bằng lệnh

$ git --version
git version 2.28.0

28

$ heroku login
heroku: Press any key to open up the browser to login or q to exit
 ›   Warning: If browser does not open, visit
 ›   https://cli-auth.heroku.com/auth/browser/***
heroku: Waiting for login...
Logging in.. done
Logged in as [email protected]

2

Theo mặc định, ứng dụng của bạn được triển khai trên một dyno miễn phí. Các dyno miễn phí sẽ ngủ sau nửa giờ không hoạt động (nếu chúng không nhận được bất kỳ lưu lượng truy cập nào). Điều này gây ra sự chậm trễ vài giây cho yêu cầu đầu tiên khi thức dậy. Các yêu cầu tiếp theo sẽ thực hiện bình thường. Dyno miễn phí cũng tiêu thụ từ hạn ngạch hàng tháng, cấp tài khoản của giờ dyno miễn phí - miễn là hạn ngạch chưa hết, tất cả các ứng dụng miễn phí có thể tiếp tục chạy

Để tránh ngủ dyno, bạn có thể nâng cấp lên loại dyno theo sở thích hoặc chuyên nghiệp như được mô tả trong bài viết Các loại Dyno. Ví dụ: nếu bạn di chuyển ứng dụng của mình sang một dyno chuyên nghiệp, bạn có thể dễ dàng mở rộng ứng dụng đó bằng cách chạy một lệnh yêu cầu Heroku thực thi một số lượng cụ thể các dyno, mỗi loại đang chạy loại quy trình web của bạn

Mở rộng quy mô ứng dụng trên Heroku tương đương với việc thay đổi số lượng dyno đang chạy. Quy mô số lượng web dynos về 0

$ heroku login
heroku: Press any key to open up the browser to login or q to exit
 ›   Warning: If browser does not open, visit
 ›   https://cli-auth.heroku.com/auth/browser/***
heroku: Waiting for login...
Logging in.. done
Logged in as [email protected]

3

Truy cập lại ứng dụng bằng cách nhấn làm mới trên tab web hoặc

$ git --version
git version 2.28.0

29 để mở ứng dụng trong tab web. Bạn sẽ nhận được thông báo lỗi vì bạn không còn có sẵn bất kỳ web dyno nào để phục vụ các yêu cầu

Mở rộng quy mô một lần nữa

$ git --version
git version 2.28.0

8

Để ngăn chặn lạm dụng, việc mở rộng ứng dụng không miễn phí thành nhiều hơn một dyno yêu cầu xác minh tài khoản

Khai báo phụ thuộc ứng dụng

Heroku nhận ra một ứng dụng là Node. js bởi sự tồn tại của tệp

$ git --version
git version 2.28.0

7 trong thư mục gốc. Đối với các ứng dụng của riêng bạn, bạn có thể tạo một ứng dụng bằng cách chạy

$ git --version
git version 2.28.0

41

Ứng dụng demo mà bạn triển khai đã có một

$ git --version
git version 2.28.0

7 và nó trông giống như thế này

$ heroku login
heroku: Press any key to open up the browser to login or q to exit
 ›   Warning: If browser does not open, visit
 ›   https://cli-auth.heroku.com/auth/browser/***
heroku: Waiting for login...
Logging in.. done
Logged in as [email protected]

5

Tệp

$ git --version
git version 2.28.0

7 xác định cả phiên bản của Nút. js sẽ được sử dụng để chạy ứng dụng của bạn trên Heroku, cũng như các phụ thuộc sẽ được cài đặt với ứng dụng của bạn

Chạy lệnh này trong thư mục cục bộ của bạn để cài đặt các phụ thuộc, chuẩn bị hệ thống của bạn để chạy ứng dụng cục bộ

$ heroku login
heroku: Press any key to open up the browser to login or q to exit
 ›   Warning: If browser does not open, visit
 ›   https://cli-auth.heroku.com/auth/browser/***
heroku: Waiting for login...
Logging in.. done
Logged in as [email protected]

6

Khi các phụ thuộc được cài đặt, bạn sẽ sẵn sàng chạy ứng dụng của mình cục bộ. Bạn sẽ nhận thấy rằng tệp

$ git --version
git version 2.28.0

44 được tạo khi chạy

$ git --version
git version 2.28.0

45. Đảm bảo kiểm tra điều này vào git. Khi các phụ thuộc tiếp theo được thêm vào, npm sẽ thực hiện các thay đổi đối với tệp này, vì vậy hãy nhớ thêm các thay đổi đó vào git

Khi một ứng dụng được triển khai, Heroku đọc

$ git --version
git version 2.28.0

7 để cài đặt phiên bản nút thích hợp và đọc

$ git --version
git version 2.28.0

44 để cài đặt các phần phụ thuộc

Chạy ứng dụng cục bộ

Bây giờ hãy khởi động ứng dụng của bạn cục bộ bằng lệnh

$ git --version
git version 2.28.0

48, được cài đặt như một phần của Heroku CLI

$ heroku login
heroku: Press any key to open up the browser to login or q to exit
 ›   Warning: If browser does not open, visit
 ›   https://cli-auth.heroku.com/auth/browser/***
heroku: Waiting for login...
Logging in.. done
Logged in as [email protected]

7

Cũng giống như Heroku,

$ git --version
git version 2.28.0

48 kiểm tra

$ git --version
git version 2.28.0

22 để xác định cái gì sẽ chạy

mở http. //máy chủ cục bộ. 5000 với trình duyệt web của bạn. Bạn sẽ thấy ứng dụng của mình chạy cục bộ

Để ngăn ứng dụng chạy cục bộ, trong CLI, nhấn

$ git --version
git version 2.28.0

71+

$ git --version
git version 2.28.0

72 để thoát

Đẩy các thay đổi cục bộ

Trong bước này, bạn sẽ tìm hiểu cách truyền bá thay đổi cục bộ cho ứng dụng thông qua Heroku. Ví dụ: bạn sẽ sửa đổi ứng dụng để thêm một phần phụ thuộc bổ sung và mã để sử dụng nó

Bắt đầu bằng cách thêm một phụ thuộc cho

$ git --version
git version 2.28.0

73 trong

$ git --version
git version 2.28.0

7. Chạy lệnh sau để làm điều này

$ heroku login
heroku: Press any key to open up the browser to login or q to exit
 ›   Warning: If browser does not open, visit
 ›   https://cli-auth.heroku.com/auth/browser/***
heroku: Waiting for login...
Logging in.. done
Logged in as [email protected]

8

Sửa đổi

$ git --version
git version 2.28.0

75 để nó

$ git --version
git version 2.28.0

76 mô-đun này khi bắt đầu. Đồng thời thêm một tuyến đường mới (

$ git --version
git version 2.28.0

77) sử dụng nó. Mã cuối cùng của bạn sẽ trông như thế này

$ heroku login
heroku: Press any key to open up the browser to login or q to exit
 ›   Warning: If browser does not open, visit
 ›   https://cli-auth.heroku.com/auth/browser/***
heroku: Waiting for login...
Logging in.. done
Logged in as [email protected]

9

Bây giờ kiểm tra tại địa phương

$ node --version
v14.15.4

0

Truy cập ứng dụng của bạn tại http. //máy chủ cục bộ. 5000/mát mẻ, bạn sẽ thấy những khuôn mặt dễ thương hiển thị trên mỗi lần làm mới.

$ git --version
git version 2.28.0

78

bây giờ triển khai. Hầu hết mọi triển khai cho Heroku đều theo cùng một mô hình này. Đầu tiên, thêm các tệp đã sửa đổi vào kho lưu trữ git cục bộ

$ node --version
v14.15.4

1

Bây giờ cam kết các thay đổi đối với kho lưu trữ

$ node --version
v14.15.4

2

Bây giờ triển khai, giống như bạn đã làm trước đây

$ node --version
v14.15.4

3

Cuối cùng, hãy kiểm tra xem mọi thứ có hoạt động không

$ node --version
v14.15.4

4

Bạn sẽ thấy một khuôn mặt khác

Tiện ích cung cấp

Tiện ích bổ sung là các dịch vụ đám mây của bên thứ ba cung cấp các dịch vụ bổ sung sẵn dùng cho ứng dụng của bạn, từ tính bền bỉ thông qua ghi nhật ký đến giám sát, v.v.

Theo mặc định, Heroku lưu trữ 1500 dòng nhật ký từ ứng dụng của bạn. Tuy nhiên, nó cung cấp luồng nhật ký đầy đủ dưới dạng dịch vụ - và một số nhà cung cấp tiện ích bổ sung đã viết các dịch vụ ghi nhật ký cung cấp những thứ như lưu giữ nhật ký, tìm kiếm, cảnh báo qua email và SMS

Trong bước này, bạn sẽ cung cấp một trong những tiện ích ghi nhật ký này, Papertrail

Cung cấp tiện ích ghi nhật ký papertrail

$ node --version
v14.15.4

5

Để giúp ngăn chặn lạm dụng, việc cung cấp tiện ích bổ sung yêu cầu xác minh tài khoản. Nếu tài khoản của bạn chưa được xác minh, bạn sẽ được chuyển đến trang web xác minh

Tiện ích bổ sung hiện đã được triển khai và định cấu hình cho ứng dụng của bạn. Bạn có thể liệt kê các tiện ích bổ sung cho ứng dụng của mình như vậy

$ node --version
v14.15.4

6

Để xem tiện ích bổ sung cụ thể này hoạt động, hãy truy cập URL Heroku của ứng dụng của bạn một vài lần. Mỗi lượt truy cập sẽ tạo ra nhiều thông báo tường trình hơn, giờ đây thông báo này sẽ được chuyển đến tiện ích bổ sung papertrail. Truy cập bảng điều khiển papertrail để xem thông báo bản ghi

$ node --version
v14.15.4

7

Trình duyệt của bạn sẽ mở bảng điều khiển web Papertrail, hiển thị các sự kiện nhật ký mới nhất. Giao diện cho phép bạn tìm kiếm và thiết lập cảnh báo

Bắt đầu một bảng điều khiển

Để có cảm nhận thực sự về cách thức hoạt động của dyno, bạn có thể tạo một dyno dùng một lần khác và chạy lệnh

$ git --version
git version 2.28.0

79, lệnh này sẽ mở ra trình bao trên dyno đó. Sau đó, bạn có thể thực hiện các lệnh ở đó. Mỗi dyno có không gian tệp tạm thời của riêng nó, được điền bằng ứng dụng của bạn và các phần phụ thuộc của nó - sau khi lệnh hoàn thành (trong trường hợp này là

$ git --version
git version 2.28.0

79), dyno sẽ bị xóa

$ node --version
v14.15.4

8

Nếu bạn gặp lỗi,

$ git --version
git version 2.28.0

81, thì bạn có thể cần định cấu hình tường lửa của mình

Đừng quên gõ

$ git --version
git version 2.28.0

82 để thoát khỏi shell và chấm dứt dyno

Xác định vars cấu hình

Heroku cho phép bạn cấu hình bên ngoài - lưu trữ dữ liệu như khóa mã hóa hoặc địa chỉ tài nguyên bên ngoài trong các lọ cấu hình

Khi chạy, các vars cấu hình được hiển thị dưới dạng các biến môi trường cho ứng dụng. Ví dụ: sửa đổi

$ git --version
git version 2.28.0

75 để nó giới thiệu một tuyến đường mới,

$ git --version
git version 2.28.0

84, lặp lại một hành động tùy thuộc vào giá trị của biến môi trường

$ git --version
git version 2.28.0

85. Trong cuộc gọi

$ git --version
git version 2.28.0

86 hiện có, thêm một cuộc gọi khác

$ node --version
v14.15.4

9

Ở cuối tệp, thêm định nghĩa sau cho chức năng mới,

$ git --version
git version 2.28.0

87

$ npm --version
6.14.11

0

$ git --version
git version 2.28.0

48 sẽ tự động thiết lập môi trường dựa trên nội dung của tệp

$ git --version
git version 2.28.0

89 trong thư mục cục bộ của bạn. Trong thư mục cấp cao nhất của dự án của bạn, đã có tệp

$ git --version
git version 2.28.0

89 có nội dung sau

$ npm --version
6.14.11

1

Nếu bạn chạy ứng dụng với

$ git --version
git version 2.28.0

48, bạn sẽ thấy hai số sẽ được tạo mỗi lần

Để đặt var cấu hình trên Heroku, hãy thực hiện như sau

$ npm --version
6.14.11

2

Xem các lọ cấu hình được đặt bằng cách sử dụng

$ git --version
git version 2.28.0

92

$ npm --version
6.14.11

3

Triển khai ứng dụng đã thay đổi của bạn lên Heroku và sau đó truy cập ứng dụng đó bằng cách chạy

$ git --version
git version 2.28.0

93

Cung cấp cơ sở dữ liệu

Thị trường tiện ích bổ sung có một số lượng lớn kho lưu trữ dữ liệu, từ các nhà cung cấp Redis và MongoDB, đến Postgres và MySQL. Trong bước này, bạn sẽ thêm cơ sở dữ liệu nhà phát triển Heroku Postgres Starter Tier miễn phí vào ứng dụng của mình

Thêm cơ sở dữ liệu

$ npm --version
6.14.11

4

Thao tác này tạo cơ sở dữ liệu và đặt biến môi trường

$ git --version
git version 2.28.0

94 (bạn có thể kiểm tra bằng cách chạy

$ git --version
git version 2.28.0

92)

Sử dụng

$ git --version
git version 2.28.0

5 để thêm nút-postgres vào phần phụ thuộc của bạn

$ npm --version
6.14.11

5

$ npm --version
6.14.11

6

Bây giờ hãy chỉnh sửa tệp

$ git --version
git version 2.28.0

75 của bạn để sử dụng mô-đun này để kết nối với cơ sở dữ liệu được chỉ định trong biến môi trường

$ git --version
git version 2.28.0

94 của bạn. Thêm cái này gần đầu

$ npm --version
6.14.11

7

Bây giờ, hãy thêm một tuyến đường khác,

$ git --version
git version 2.28.0

99, bằng cách thêm phần sau ngay sau

$ heroku login
heroku: Press any key to open up the browser to login or q to exit
 ›   Warning: If browser does not open, visit
 ›   https://cli-auth.heroku.com/auth/browser/***
heroku: Waiting for login...
Logging in.. done
Logged in as [email protected]

00 hiện có

$ npm --version
6.14.11

8

Điều này đảm bảo rằng khi bạn truy cập ứng dụng của mình bằng tuyến đường

$ git --version
git version 2.28.0

99, ứng dụng sẽ trả về tất cả các hàng trong bảng

$ heroku login
heroku: Press any key to open up the browser to login or q to exit
 ›   Warning: If browser does not open, visit
 ›   https://cli-auth.heroku.com/auth/browser/***
heroku: Waiting for login...
Logging in.. done
Logged in as [email protected]

02

Triển khai cái này lên Heroku. Nếu bạn truy cập vào

$ git --version
git version 2.28.0

99, bạn sẽ gặp lỗi vì không có bảng trong cơ sở dữ liệu. Giả sử rằng bạn đã cài đặt Postgres cục bộ, hãy sử dụng lệnh

$ heroku login
heroku: Press any key to open up the browser to login or q to exit
 ›   Warning: If browser does not open, visit
 ›   https://cli-auth.heroku.com/auth/browser/***
heroku: Waiting for login...
Logging in.. done
Logged in as [email protected]

04 để kết nối với cơ sở dữ liệu từ xa, tạo bảng và chèn một hàng

$ npm --version
6.14.11

9

Bây giờ khi bạn truy cập tuyến đường

$ git --version
git version 2.28.0

99 của ứng dụng, bạn sẽ thấy một cái gì đó như thế này

Đọc thêm về Heroku PostgreSQL

Một kỹ thuật tương tự có thể được sử dụng để cài đặt các tiện ích bổ sung MongoDB hoặc Redis

Bước tiếp theo

Bây giờ bạn đã biết cách triển khai ứng dụng, thay đổi cấu hình, xem nhật ký, chia tỷ lệ và đính kèm tiện ích bổ sung

Đây là một số đề nghị đọc. Đầu tiên, một bài báo, sẽ giúp bạn hiểu rõ hơn về những điều cơ bản. Cái thứ hai là một con trỏ tới Nút chính. js tại đây trên Dev Center