ปรับใช้ Node JS Web App โดยใช้ Fly.io

Dec 04 2022
ก่อนปรับใช้เว็บแอปพลิเคชัน ตรวจสอบให้แน่ใจว่าคุณได้นำนโยบาย CORS ไปใช้อย่างเร่งด่วน ตามวิกิพีเดีย: การแบ่งปันทรัพยากรข้ามแหล่งกำเนิด (CORS) เป็นกลไกที่ช่วยให้ทรัพยากรถูกจำกัด (เช่น

ก่อนปรับใช้เว็บแอปพลิเคชัน ตรวจสอบให้แน่ใจว่าคุณได้นำนโยบาย CORS ไปใช้อย่างเร่งด่วน

ตามวิกิพีเดีย :

การแบ่งปันทรัพยากรข้ามต้นทาง (CORS) เป็นกลไกที่ช่วยให้ทรัพยากรที่ถูกจำกัด (เช่น แบบอักษร) บนเว็บเพจได้รับการร้องขอจากโดเมนอื่นภายนอกโดเมนที่ทรัพยากรแรกถูกให้บริการ หน้าเว็บอาจฝังรูปภาพ สไตล์ชีต สคริปต์ iframe และวิดีโอข้ามแหล่งที่มาได้อย่างอิสระ คำขอ "ข้ามโดเมน" บางอย่าง โดยเฉพาะคำขอ Ajax ถูกห้ามโดยค่าเริ่มต้นตามนโยบายความปลอดภัยที่มาจากต้นทางเดียวกัน

ในแอปพลิเคชันด่วนของคุณ ให้ติดตั้ง CORS โดยใช้คำสั่งต่อไปนี้:

npm ติดตั้งคอร์

ใช้มิดเดิลแวร์เพื่อตอบรับคำขอจากต้นทางทั้งหมด

นำเข้าคอร์จาก 'คอร์';

app.use(คอร์());

ตอนนี้เราต้องการ fly.io เพื่อปรับใช้แอปของเรา สร้างบัญชีหากคุณยังไม่มี คุณสามารถใช้บริการได้ฟรี แต่คุณต้องระบุรายละเอียดบัตรเครดิตเพื่อเปิดใช้งานแอปพลิเคชัน

หากต้องการใช้ fly.io ให้ติดตั้ง flyctl ในระบบปฏิบัติการของคุณก่อน

สำหรับ Mac คุณสามารถใช้โฮมบรูว์หรือติดตั้งผ่านสคริปต์ก็ได้

ชงติดตั้ง flyctl

หรือ

curl -L https://fly.io/install.sh | ช

สำหรับ Linux ให้รันสคริปต์การติดตั้ง

curl -L https://fly.io/install.sh | ช

สำหรับ windows ให้เรียกใช้สคริปต์การติดตั้ง PowerShell

iwr https://fly.io/install.ps1 -useb | เช่น

หลังจากดำเนินการทั้งหมดนี้แล้ว ก็ถึงเวลาปรับใช้แอปพลิเคชันของเราบนเว็บ เทอร์มินัลของคุณควรอยู่ในไดเร็กทอรีระดับโครงการ

เริ่มต้นด้วยการพิสูจน์ตัวตนโดยใช้คำสั่งต่อไปนี้:

เข้าสู่ระบบตรวจสอบสิทธิ์ flyctl

เริ่มต้นแอปโดยใช้คำสั่งต่อไปนี้:

การเปิดตัวของ flyctl

ระบบจะขอให้คุณเลือกชื่อแอป ภูมิภาคของเซิร์ฟเวอร์ และฐานข้อมูลที่คุณต้องการใช้

มันจะสร้างไฟล์ Dockerfile และ .dockerignore โดยอัตโนมัติ

คำถามสุดท้ายคือ "คุณต้องการปรับใช้ทันที (y/N) หรือไม่" เลือก 'y' จากนั้นแอพของคุณจะถูกปรับใช้กับเซิร์ฟเวอร์ fly.io

คุณสามารถดูแอปพลิเคชันของคุณได้ในแดชบอร์ดของ fly.io คุณสามารถตรวจสอบ ปรับขนาดการผลิตได้ตามความต้องการของคุณ

หากคุณต้องการอัปเดตบางอย่าง คุณสามารถอัปเดตโค้ดและปรับใช้อีกครั้งโดยใช้คำสั่ง:

ปรับใช้ flyctl

เพื่อดูเทอร์มินัลการเข้าสู่ระบบหรือพรอมต์คำสั่ง คุณสามารถใช้คำสั่ง:

บันทึกของ flyctl

หลังจากปรับใช้แอปพลิเคชันสำเร็จ ไฟล์ fly.toml จะถูกสร้างขึ้นโดยอัตโนมัติ ประกอบด้วยการตั้งค่าคอนฟิกูเรชันทั้งหมดของแอปของคุณในเซิร์ฟเวอร์ คุณสามารถเพิ่มการกำหนดค่าตามที่คุณต้องการ และหลังจากนั้นคุณควรปรับใช้แอพอีกครั้งโดยใช้คำสั่งปรับใช้ด้านบน

ชื่อโฮสต์ภายในข้อมูลแอปพลิเคชันคือ URL ของไซต์ที่คุณโฮสต์

คุณสามารถเรียนรู้เพิ่มเติมได้จากเว็บไซต์อย่างเป็นทางการ: