Back

การใส่ข้อความที่หน้าเว็บของระบบสารสนเทศเพื่อแยกความแตกต่างของระบบสารสนเทศที่อยู่ระหว่างกำลังพัฒนา (Development) กับที่ให้ผู้ใช้ใช้งานจริง (Production)

ในปัจจุบันนี้ฝ่ายพัฒนาระบบได้มีนำ Azure DevOps เข้ามาช่วยในการพัฒนาระบบสารสนเทศของฝ่าย ซึ่งการทำในลักษณะนี้ คือการเขียนโปรแกรมในเครื่องเซิร์ฟเวอร์ที่อยู่ระหว่างพัฒนา (Development) เมื่อเขียนโปรแกรมและทดสอบระบบเรียบร้อยแล้ว ก็จะดำเนินการ Deploy โปรแกรมขึ้นเครื่องเซิร์ฟเวอร์ที่ให้ผู้ใช้ใช้งานจริง (Production) โดยหน้าเว็บระบบสารสนเทศทั้ง 2 เซิร์ฟเวอร์ จะมีหน้าตาเหมือนกัน ซึ่งอาจทำให้ผู้พัฒนาเกิดความสับสนในความแตกต่างหน้าเว็บระบบสารสนเทศ ดังนั้นองค์ความรู้ที่จะนำเสนอ คือการใส่ข้อความที่หน้าเว็บ เพื่อแยกความแตกต่างระหว่างเครื่องเซิร์ฟเวอร์ที่อยู่ระหว่างพัฒนา (Development) กับเครื่องเซิร์ฟเวอร์ที่ให้ผู้ใช้ใช้งานจริง (Production) โดยในบนความนี้จะนำเสนอหน้าเว็บของระบบสารสนเทศที่พัฒนาด้วย Laravel Framework คือระบบบริหารทรัพยาการบุคคล มหาวิทยาลัยบูรพา ซึ่งแบ่งเป็นขั้นตอนการดำเนินการ ดังนี้

1. เปิดไฟล์ชื่อ .env และสร้างตัวแปรชื่อ APP_SERVER และกำหนดค่าเป็น develop ดังภาพที่ 1

 

ภาพที่ 1 หน้าจอแสดงโปรแกรมการกำหนดชื่อตัวแปร APP_SERVER

2. สร้างฟังก์ชันเพื่อแสดงข้อความเพื่อแยกความแตกต่างระหว่างเครื่องเซิร์ฟเวอร์ที่อยู่ระหว่างพัฒนา (Development) กับเครื่องเซิร์ฟเวอร์ที่ให้ผู้ใช้ใช้งานจริง (Production) โดยตั้งชื่อฟังก์ชัน showTextForServerDevelop ที่โฟลเดอร์ app/Models/Helper.php ดังภาพที่ 2

ภาพที่ 2 หน้าจอแสดงโปรแกรมฟังก์ชันที่ไฟล์ Helper.php

3. เปิดไฟล์หน้าเว็บที่ต้องการให้เสดงข้อความ ซึ่งผู้นำเสนอจะใช้หน้าเว็บไซต์ของการเข้าสู่ระบบ (Log In) ของระบบสารสนเทศของระบบบริหารทรัพยาการบุคคล มหาวิทยาลัยบูรพา ที่ชื่อ login.blade.php อยู่ที่โฟลเดอร์ resources/views/backend/login ดังภาพที่ 3

ภาพที่ 3 หน้าจอแสดงโปรแกรมหน้าเข้าสู่ระบบ (Log In)

4. หลังจากได้ทำทุกขั้นตอนเรียบร้อยแล้ว ให้เปิดหน้าเว็บไซต์ของการเข้าสู่ระบบบนเครื่องเซิร์ฟเวอร์ที่อยู่ระหว่างพัฒนา (Development) ผลลัพธ์ที่ได้ แสดงดังภาพที่ 4

ภาพที่ 4 หน้าจอแสดงผลลัพธ์ของโปรแกรมบนเครื่องเซิร์ฟเวอร์ที่อยู่ระหว่างพัฒนา (Development)

5. ในขั้นตอนการ Deploy โปรแกรมขึ้นเครื่องเซิร์ฟเวอร์ที่ให้ผู้ใช้ใช้งานจริง (Production) ให้ผู้ใช้ทำการเปลี่ยนตัวแปร APP_SERVER ที่ไฟล์ .env ให้เป็นค่า production หลังจากให้เปิดหน้าเว็บไซต์ของการเข้าสู่ระบบ ผลลัพธ์ที่ได้ แสดงดังภาพที่ 5

ภาพที่ 5 หน้าจอแสดงผลลัพธ์ของโปรแกรมบนเครื่องเซิร์ฟเวอร์ที่ให้ผู้ใช้ใช้งานจริง (Production)