การตั้งค่า Custom Webpage (Captive Portal) บน IAG

ภาพรวมของ Custom Webpage

Sangfor IAG รองรับการปรับแต่งหน้า Authentication Page (Captive Portal) สำหรับผู้ใช้งานที่ใช้ Password-based Authentication เมื่อผู้ใช้งานพยายามเข้าถึงอินเทอร์เน็ต ระบบจะ Redirect ไปยังหน้า Authentication Page เพื่อทำการยืนยันตัวตนก่อน ผู้ดูแลระบบสามารถปรับแต่งทั้งหน้า Captive Portal และหน้า Disclaimer Page ได้ตามความต้องการขององค์กร

Captive Portal Templates

IAG มี Embedded Authentication Page Template ให้เลือกใช้งาน 4 รูปแบบ ดังนี้:

• Captive Portal without Slideshow and Terms of Use: หน้า Login แบบเรียบง่ายไม่มี Slideshow และข้อกำหนดการใช้งาน
• Captive Portal with Terms of Use but no Slideshow: มีข้อกำหนดการใช้งานแต่ไม่มี Slideshow
• Captive Portal with Slideshow and Terms of Use: มีทั้ง Slideshow และข้อกำหนดการใช้งาน
• Captive Portal with Full-screen Slideshow: แสดง Slideshow เต็มหน้าจอ

การอัปโหลด Captive Portal Template

หากต้องการใช้ Template ที่กำหนดเอง สามารถอัปโหลดได้โดย:

ขั้นตอนที่ 1: ไปที่ Access Mgt > Authentication > Web Authentication > Custom Webpage > Captive Portal

ขั้นตอนที่ 2: คลิก Upload ระบบจะแสดงหน้าต่าง Upload Captive Portal

ขั้นตอนที่ 3: กรอกข้อมูลดังนี้:

• Webpage Caption: ชื่อที่แสดงบนหน้า Captive Portal
• Description: คำอธิบายของ Template
• Page File: เลือกไฟล์ .zip ที่ต้องการอัปโหลด

ขั้นตอนที่ 4: คลิก Commit เพื่อบันทึก

หมายเหตุ: สามารถดาวน์โหลด Template ตัวอย่างจากระบบเพื่อนำไปแก้ไขและอัปโหลดกลับมาใหม่ได้ Template ที่เป็น Embedded (Built-in) จะไม่สามารถลบได้

Right Segregation

หากเปิดใช้งาน Enable segregation of webpage administration ในหน้า Right Segregation ผู้ดูแลระบบที่ไม่ใช่ Admin จะสามารถแก้ไขได้เฉพาะหน้าที่ได้รับอนุญาต (Authorized) เท่านั้น ฟีเจอร์นี้มีประโยชน์เมื่อองค์กรมีผู้ดูแลระบบหลายคนและต้องการแบ่งสิทธิ์การจัดการ

การจัดการ Captive Portal Template

สำหรับแต่ละ Template ผู้ดูแลระบบสามารถดำเนินการได้ดังนี้:

• Authorized Admin: กำหนดสิทธิ์ให้ผู้ดูแลระบบที่ไม่ใช่ Admin สามารถแก้ไขหน้าเว็บได้
• View: ดูตัวอย่างการแสดงผลบนคอมพิวเตอร์และมือถือ
• Clone: สร้าง Template ใหม่โดยอ้างอิงจาก Template เดิม
• Download: ดาวน์โหลด Template เพื่อนำไปแก้ไขหรืออัปโหลดไปยังอุปกรณ์อื่น
• Authorize: อนุญาตให้ผู้ดูแลระบบที่ไม่ใช่ Admin สามารถแก้ไขและดู Template ได้

การแก้ไข Captive Portal Template

คลิก Edit เพื่อแก้ไข Webpage Caption และ Description ของ Template รวมถึงสามารถ Import หน้าเว็บอื่นเข้ามาได้ การแก้ไข Template มีขั้นตอนดังนี้:

ขั้นตอนที่ 1: คลิกที่ชื่อ Template ที่ต้องการแก้ไข ระบบจะแสดงหน้ารายละเอียดของ Template

ขั้นตอนที่ 2: กำหนดค่าต่างๆ ได้แก่:

• Page Caption: ข้อความที่แสดงด้านบนของหน้า Captive Portal
• LOGO: อัปโหลดโลโก้องค์กร (แนะนำขนาด 200x42px)
• Background Color: เลือกสีพื้นหลัง เช่น #3387CC
• Pictures for Slideshow: เพิ่มรูปภาพสำหรับ Slideshow โดยคลิก Add และสามารถจัดลำดับด้วย Move Up / Move Down
• Terms of Use: แก้ไขข้อกำหนดการใช้งาน

ขั้นตอนที่ 3: คลิก Background Color เลือกสีที่มุมซ้ายบน แล้วคลิก OK เพื่อบันทึก

การแก้ไข Page Contents

คลิก Edit ข้าง Page Content เพื่อปรับแต่งเนื้อหาที่แสดงบนหน้า Captive Portal ซึ่งประกอบด้วยหลายส่วน:

• User Account Tab: กำหนด Caption และ Description สำหรับแท็บ Login ด้วย Account เช่น "I am staff. Use account to log in"
• SMS Tab: กำหนดข้อความสำหรับแท็บ SMS Authentication เช่น "I am guest. Send OTP to my mobile phone"
• QR Code Approved Login: กำหนดข้อความสำหรับการ Login ด้วย QR Code
• WeChat Tab: กำหนดข้อความ, Official Account, ข้อความหลัง Login สำเร็จ และรูปภาพ (แนะนำ 640x740px)
• Account Login with SMS Code: สำหรับผู้ใช้ที่ Bind หมายเลขโทรศัพท์กับ Account แล้ว
• QR Code Registered Login: สำหรับ Login ด้วย QR Code ที่ลงทะเบียนแล้ว

ขั้นตอนที่ 4: คลิก OK เพื่อบันทึกการตั้งค่า Page Contents จากนั้นคลิก Commit เพื่อบันทึก Template ทั้งหมด