Heroku - SupakronQ/BangPan GitHub Wiki

การสมัคร

1.เข้าเว็ปของHeroku

image

2.หากมีบัญชีให้เลือก login หากไม่มีเลือก sign up

image

3.ให้ไปที่ email ที่ทำการสมัคร

image

  1. ทำการกด link ที่ได้จาก Heroku

image

5.ตั้ง password

image

6.เสร็จสิ้น

image


ทดลอง Deploy บน Heroku

1.เข้าเว็ปของHeroku

image

2.ทำการตั้งชื่อ app name แล้วเลือก region หลังจากนั้นกด create app

image

3.ทำการติดตั้ง Heroku CLI

image

4.เลือกโหลดตามความเหมาะสม

image

5.กด Next

image

6.กด install

image

7.กด close

  1. copy link จาก github ที่เราสนใจ (ในการทดลองครั้งนี้ได้ยืมมาจาก คุณปฏิภาณ เพ็งเภา)

image

9.ใช้คำสั่ง git clon ตามด้วย link จากขั้นตอนที่8

image

  1. สร้างไฟล์ ชื่อ Procfile

image

  1. พิม web: npm start ลงในไฟล์ แล้ว save

image

  1. ทำการ New terminal แล้วพิม heroku login

image

  1. กด Enter แล้ว login

image

14.login สำเร็จ

image

  1. ใช้คำสั่ง git init

image

16.ใช้คำสั่ง heroku git:remote -a ตามด้วย ชื่อ app name ที่ตั้งไว้

image

  1. ทำการพิม 3 คำสั่ง ลงใน terminal Run ทีละคำสั่ง กรณี git push Heroku master มีปัญหาให้ลองแทน master ด้วย main

image image

  1. กลับไปที่ overview แล้ว กด Open app

image

19.หาก error แก้ดังนี้

image

  1. เพิ่ม let PORT = process.env.PORT || 5000; และแก้ไข บรรทัด 145 146

image

image

  1. แก้ไฟล์ Procfile

image

22.ใช้คำสั่ง git add . ตามด้วย git commit -am "edite file" และ git push heroku main

  1. ทำการ refuse หน้าเว็ปใหม่อีกครั้ง

image

ref:https://www.youtube.com/watch?v=3WNm7mFWmug&t=285s