Sunrabbit

[Next.js] การฉีดข้อมูลสภาพแวดล้อมรันไทม์

สร้าง: 2024-03-20

สร้าง: 2024-03-20 14:06

ใน Next.js .env จะถูกฮาร์ดโค้ดและใส่เข้าไปในระหว่างขั้นตอนการสร้าง (build time)


แต่บางครั้งอาจมีสถานการณ์ที่เราต้องการตั้งค่า env ไม่ใช่ในขั้นตอนการสร้าง แต่เป็นช่วงที่รันภาพ (image) ที่สร้างเสร็จแล้ว

โดยทั่วไปมักจะจัดการกับสภาพแวดล้อมต่างๆ เช่น local, dev, qa, prod


แล้วเราจะทำอย่างไรได้บ้าง?


เนื้อหาส่วนใหญ่จะคล้ายคลึงกับบทความด้านล่าง



แต่บทความข้างต้นนั้นไม่รองรับ Windows

สามารถสังเกตได้จากการใช้ไวยากรณ์ Unix ในส่วนของ script ของ package.json

นั่นหมายความว่าผู้ใช้ Windows ที่ซื่อสัตย์ สุจริต สะอาด และมีน้ำใจ ไม่สามารถใช้ script นี้ได้


ดังนั้น ผู้ใช้ Windows ที่ซื่อสัตย์ สุจริต สะอาด และมีน้ำใจ ควรแสดงความเห็นอกเห็นใจต่อผู้ใช้ Unix และแทนที่ด้วย script ที่สามารถทำงานได้อย่างถูกต้องบนทั้งสองระบบปฏิบัติการ



วิธีแก้ไขนั้นง่ายมาก

เพียงแค่ใส่ script ที่ทำงานเหมือนกับไวยากรณ์นั้นเข้าไป

ใช้คำสั่งข้างต้นในการติดตั้ง cross-env


และแก้ไขคำสั่ง start ที่กล่าวถึงข้างต้นให้เป็นดังนี้

แต่ script นั้นยาวเกินไป ทำให้ดูไม่สะดวก และต้องใส่ในคำสั่ง dev ด้วย

ดังนั้น ผู้เขียนจึงได้จัดเรียงใหม่ดังที่แสดงไว้ข้างต้น

ความคิดเห็น0

สร้างไดเร็กทีฟแบบกำหนดเองใน Nuxt.jsบทความนี้จะอธิบายวิธีการสร้างไดเร็กทีฟการเลื่อนแบบกำหนดเองใน Nuxt.js ครอบคลุมวิธีการใช้ฟังก์ชัน Hook เช่น bind, inserted, update, componentUpdated, unbind และวิธีการลงทะเบียนปลั๊กอิน Nuxt
뚠뚠멍의 생각들
뚠뚠멍의 생각들
뚠뚠멍의 생각들
뚠뚠멍의 생각들

September 28, 2024

[7 วัน] สร้างเกมสนุกๆ กับ AIนี่คือวันที่ 7 ของการพัฒนาเว็บเกมที่ใช้ AI ช่วยเหลือโดยอิงจาก D&D5e เราประสบความสำเร็จในการปรับปรุงประสิทธิภาพด้วยการแยกเลเยอร์ของแคนวาสและการเปลี่ยนวิธีการ ESM รวมถึงการใช้งานระบบปฏิสัมพันธ์กับสิ่งปลูกสร้างและเอฟเฟกต์การต่อสู้ ตรวจสอบได้ที่ ggoban.com/d2
꼬반
꼬반
꼬반
꼬반

November 13, 2024

การตั้งค่าสภาพแวดล้อม Arduino #2. การตั้งค่าธีมมืด ฟอนต์ และระยะห่างแท็บของ Arduino IDE +a (การตั้งค่าสภาพแวดล้อมที่มีประโยชน์)บทความนี้จะแนะนำวิธีการตั้งค่าธีมมืด ฟอนต์ และระยะห่างแท็บใน Arduino IDE เพื่อเพิ่มการอ่านง่ายของโค้ด เพิ่มประสิทธิภาพในการพัฒนาด้วยการตั้งค่าสภาพแวดล้อมที่หลากหลายเพื่อให้การเขียนโค้ดสะดวกยิ่งขึ้น
Lucy Archive
Lucy Archive
Lucy Archive
Lucy Archive

June 11, 2024

ตั้งค่าและสร้าง AWS ครั้งเดียวให้เสร็จ (Terraform)บทความนี้จะแนะนำวิธีการตั้งค่าและสร้างโครงสร้างพื้นฐาน AWS โดยอัตโนมัติด้วย Terraform การใช้ Terraform ช่วยให้คุณสามารถอัตโนมัติการตั้งค่า AWS ลดความผิดพลาด เพิ่มประสิทธิภาพการนำกลับมาใช้ใหม่ และตั้งค่าได้อย่างรวดเร็ว
Alien Story
Alien Story
Alien Story
Alien Story

May 8, 2024

วิธีใช้ Local Group Policy Editor บน Windows 11 Home (คู่มืออย่างย่อ)คู่มืออย่างย่อที่จะอธิบายวิธีการใช้ Local Group Policy Editor บน Windows 11 Home เป็นขั้นตอนๆ การเปลี่ยนแปลงการตั้งค่าระบบจำเป็นต้องมีความเข้าใจอย่างถ่องแท้ และการตั้งค่าที่ไม่ถูกต้องอาจทำให้ระบบไม่เสถียรได้
뉴스코리아
뉴스코리아
뉴스코리아
뉴스코리아

October 7, 2024

2024-11-18 สิ่งที่สนใจอย่างหลากหลายในชีวิต : ฉันใช้เวลาว่างทำอะไรบ้าง?บทความบล็อกที่เขียนเมื่อวันที่ 18 พฤศจิกายน 2024 บทความนี้กล่าวถึงงานอดิเรก การลงทุน การเรียนรู้ และกิจวัตรประจำวันต่างๆ ของผู้เขียน รวมถึงความกังวลเกี่ยวกับการเพิ่มประสิทธิภาพการทำงานผ่านระบบอัตโนมัติ
Charles Lee
Charles Lee
Charles Lee
Charles Lee

November 19, 2024