สารบัญ:

วิธีการปรับใช้แอป Node.js บน Heroku: 3 ขั้นตอน
วิธีการปรับใช้แอป Node.js บน Heroku: 3 ขั้นตอน

วีดีโอ: วิธีการปรับใช้แอป Node.js บน Heroku: 3 ขั้นตอน

วีดีโอ: วิธีการปรับใช้แอป Node.js บน Heroku: 3 ขั้นตอน
วีดีโอ: How to Deploy a Node.js App to Heroku 2025, มกราคม
Anonim
วิธีปรับใช้แอป Node.js บน Heroku
วิธีปรับใช้แอป Node.js บน Heroku

นี่คือวิธีที่ฉันปรับใช้แอป NodeJS บน Heroku โดยใช้บัญชีฟรี เพียงคลิกลิงก์เพื่อดาวน์โหลดซอฟต์แวร์ที่จำเป็น:

ซอฟต์แวร์ที่ใช้:

VSCode (หรือโปรแกรมแก้ไขข้อความที่คุณเลือก)

HerokuCLI

Git

ขั้นตอนที่ 1: สร้าง Package.json

บทนำ:

Heroku เป็นเว็บไซต์ ahosting ที่อนุญาตให้ ypu ปรับใช้ 5 แอพได้ฟรีพร้อมรันไทม์มากกว่า 500 ชั่วโมงต่อเดือน ในการทำให้ใช้งานได้ คุณจะต้องอัปโหลด 3 ไฟล์:

package.json และ package-lock.json flle คุณสามารถทำตามบทช่วยสอนอื่น ๆ ของฉันสำหรับการสอนทีละขั้นตอนโดยคลิกที่นี่ package-lock.json ปรากฏขึ้นโดยอัตโนมัติหลังจากสร้าง package.json เนื่องจากเราจะใช้งานบน herku บนแพ็คเกจของคุณ ไฟล์ json คุณต้องระบุสคริปต์เริ่มต้นและเวอร์ชันของโหนดของคุณบน enines ถึงตอนนี้ให้รันคำสั่ง node -v นี่คือตัวอย่าง:

{

"ชื่อ": "เฮโรกุ", "เวอร์ชัน": "1.0.0", "คำอธิบาย": "", "หลัก": "index.js", "สคริปต์": {

"test": "echo \"Error: ไม่ได้ระบุการทดสอบ\" && exit 1", "start": "node server.js"

}, "คำหลัก": , "ผู้เขียน": "", "ใบอนุญาต": "ISC", "เครื่องยนต์": {

"โหนด": "12.x"

}

}

ขั้นตอนที่ 2: สร้างแอป Node.js ของคุณ

เนื่องจากแอปนี้จะทำงานบนพอร์ตที่ heroku มอบให้ เราจึงต้องกำหนดรหัสที่จะให้โดยใช้รหัสนี้ process.env. PORT นี่คือแอป node js ที่ระบุว่า "สวัสดี":

const http = ต้องการ ('http'); //โหลดไลบรารีเพื่อเปิดใช้งานให้ทำหน้าที่เป็นเซิร์ฟเวอร์พอร์ต = process.env. PORT || 5000; // ระบุพอร์ตที่ไม่มีสิ่งที่ heroku ให้หรือ 5000 บนโฮสต์ท้องถิ่น http.createServer(function(req, res){ // สร้างเซิร์ฟเวอร์ res.writeHead(200, {'Content-type':'text/plain'}); //ระบุว่าการตอบกลับ "hello" เป็นข้อความ res.end("hello"); //แสดงข้อความ "hello" บน th eweb page }).listen(port); // แนบเซิร์ฟเวอร์นี้กับหมายเลขพอร์ต

ขั้นตอนที่ 3: พรอมต์คำสั่ง

พร้อมรับคำสั่ง
พร้อมรับคำสั่ง
พร้อมรับคำสั่ง
พร้อมรับคำสั่ง
พร้อมรับคำสั่ง
พร้อมรับคำสั่ง
  • เปิดพรอมต์คำสั่งของคุณโดยกด Windows + R เพื่อเปิดกล่อง "Run" จากนั้นพิมพ์ "cmd" จากนั้นคลิก "OK"

  • บน CMD ของคุณ ไปที่รูทโดยพิมพ์ "cd.." จนกว่าจะไม่มีพาธ

  • ตรวจสอบว่า npm (ตัวจัดการไลบรารีที่ติดตั้งโดยโหนด) git และ heroku ได้รับการติดตั้งอย่างถูกต้องโดยพิมพ์:

npm --version

git --version heroku --version

ลงชื่อเข้าใช้บัญชี yherku

heroku เข้าสู่ระบบ

สิ่งนี้สร้างแอพบน heroku:

Heroku สร้าง

หากต้องการอัปโหลดไฟล์ คุณต้องไปที่เส้นทางโดยพิมพ์ cd

ซีดี

สร้างที่เก็บใหม่ (โฟลเดอร์) บนอุปกรณ์ locl ของคุณสำหรับรายการในเส้นทางนี้

git init

เชื่อมต่อระยะไกลกับโฟลเดอร์บน heroku ผ่าน git บนแอพของคุณ

heroku git:รีโมท

คัดลอกไฟล์นี้จากระยะไกลไปยังที่เก็บ git ในเครื่องของคุณผ่าน git บนแอปของคุณ

git เพิ่ม

บันทึกการเปลี่ยนแปลงที่คุณได้ทำในโฟลเดอร์ที่มีข้อความว่า "ทำให้ดีขึ้น"

git commit -am "ทำให้ดีขึ้น"

อัปโหลดไฟล์ไปยังโฟลเดอร์ git บน heroku รอให้มันดาวน์โหลด

git push heroku master

เปิดแอพ

Heroku เปิดแอพ