ระบุ Environment Variables ผ่านไฟล์ .env (แนะนำ) - HOSTNEVERDIE
Elementor Pro ปกติราคา 1,750 บาท/ปี โปรโมชั่นพิเศษ WordPress Hosting พร้อม Elementor Pro เริ่ม 1,499 บาท/ปี

ฐานความรู้

ระบุ Environment Variables ผ่านไฟล์ .env (แนะนำ)

จากวิธีก่อนหน้านี้คือการระบุ Environment Variables ผ่านหน้า DirectAdmin เราจะพบว่า มีความยุ่งยากอย่างหนึ่งคือ เราจำเป็นต้องทำการ config หน้ารายละเอียด Node.js App เยอะ และอาจก่อให้เกิดข้อผิดพลาดได้ง่าย เช่นการลืมระบุค่าตัวแปรบางตัว นอกจากนี้ เมื่อเราจะรันแอพพลิเคชั่นเราที่เครื่องนักพัฒนา (Dev) ก็จะมีความยุ่งยากในการสั่งรันด้วย Command line มากขึ้นอีกด้วย

วิธีที่ง่ายกว่าและเราแนะนำให้ใช้คือการใช้ package เข้ามาช่วยจัดการชื่อว่า package dotenv สามารถดูรายละเอียดได้ที่ https://www.npmjs.com/package/dotenv หลักการทำงานคือเราจะสร้างไฟล์ชื่อว่า .env ไว้ในโฟลเดอร์โปรเจคพร้อมทั้งระบุค่าของตัวแปรทั้งหมดเอาไว้ มีวิธีการดำเนินการดังนี้

 

1. Install package dotenv

 

2. ที่โฟลเดอร์โปรเจค สร้างไฟล์ชื่อ .env ขึ้นมา

 

3. ในไฟล์ .env ระบุค่าตัวแปร ดังนี้

 

4. เพื่อให้ง่ายต่อการพัฒนา ไม่ต้องแก้ไขค่าตัวแปรหลายรอบระหว่าง Dev กับ Production เราแนะนำให้สร้างไฟล์ขึ้นมาอีกไฟล์ สำหรับตัวแปรบน Production ตั้งชื่อว่า .env.production

 

ในไฟล์ .env.production ระบุค่าตัวแปรดังนี้

 

5. แก้ไข app.js ให้เรียกใช้ package dotenv ที่ด้านบนสุดของไฟล์ ดังนี้

 

6. อัพโหลดไฟล์ขึ้นเซิร์ฟเวอร์ ดังนี้

  • js
  • json
  • .env.production

 

7. Rename ไฟล์ .env.production บนเครื่องเซิร์ฟเวอร์ให้เป็น .env

 

8. ที่หน้ารายละเอียด Node.js App ให้ลบตัวแปรในหัวข้อ Environment variables จากตัวอย่างที่แล้วออก

 

9. กดปุ่ม SAVE” ทุกครั้งที่มีการ เพิ่ม/แก้ไข/ลบ Environment variables

 

10. กดปุ่ม “Run NPM Install” เพื่อให้ DirectAdmin ทำการดาวน์โหลดไฟล์ package dotenv มาไว้ที่เซิร์ฟเวอร์

 

11. Restart application

ทำการรีสตาร์ตแอพพลิเคชั่นทุกครั้งที่มีการแก้ไขโค้ด โดยการกดปุ่ม “RESTART” และ “OPEN” ตามลำดับ

 

12. เปิดเว็บบราวเซอร์ และทดสอบว่าแอพพลิเคชั่นทำงานได้ครบถ้วนเหมือนเดิมหรือไม่

  • 2 ผู้ใช้งานชอบบทความนี้
ชอบบทความนี้?

บทความที่เกี่ยวข้อง

 บทนำ Environment Variables

ปัญหาหลักที่เราต้องเจอเมื่อทำการ Deploy แอพพลิเคชั่นจากเครื่องนักพัฒนา (Dev)...

 Refactor code เป็นแบบใช้ตัวแปร

1 แก้ไขไฟล์ app.js วิธีการเรียกใช้ค่าตัวแปรในโค้ดคือ process.env.<<ชื่อตัวแปร>>...

 ระบุ Environment Variables ผ่าน Command Line สำหรับเครื่องนักพัฒนา

หลังการแก้ไขโค้ดให้มีการเรียกใช้ตัวแปรแล้ว ที่เครื่องนักพัฒนา (Dev) เมื่อต้องการสั่งรัน Node.js...

 ระบุ Environment Variables ผ่าน DirectAdmin

สำหรับกรณี เครื่องเซิร์ฟเวอร์จริง (Production)  เราสามารถระบุค่า Environment Variables ได้จาก...