Overview

AtlasX Web Angular คืออะไร

AtlasX Web Angular (Code name: AXNG) คือเว็บแอพที่ปรับปรุงจาก AtlasX Web Application เดิม โดยทำการถอดส่วนของ Backend ที่เป็น Data Parser ออกไป และเปลี่ยนการเข้าถึง Backend เป็นการเชื่อมต่อกับ AtlasX API Gateway แทน พัฒนาด้วย Angular เวอร์ชั่น 19 โดยยังคงโครงสร้างแบบ Module ของ Angular เวอร์ชั้นดั้งเดิมไว้

Application Flow

AtlasX Web Application พัฒนาโฟล์วการทำงานเบื้องต้นมาให้ เช่น การโหลดคอนฟิกก่อนแอพเริ่มทำงาน Home Module มีไว้สำหรับทำหน้าให้เลือกระบบต่าง ๆ ของแอพพลิเคชัน หรือหากแอพไมีมีระบบย่อย ก็สามารถทำงานใน Home Module เป็นหลักได้เลย

การ Authentication สามารถอธิบายเป็นลำดับขั้นตอนได้ดังนี้

  • ผู้ใช้งานเข้ามาใช้เว็บแอพพลิเคชัน
  • แอพพลิเคชันโหลดคอนฟิกสำหรับใช้งานในระบบ
  • แอพพลิเคชันแสดงหน้าเว็บขึ้นมาหรือพาไปหน้าล็อกอินโดยตรวจสอบจาก AuthenticationGuard ตามที่เรากำหนดไว้ใน Routing ของแต่ละ Feature Module
  • แอพพลิเคชันแสดงหน้าเว็บตามที่เราคอนฟิกในไฟล์ app-routing.module.ts โดยมีรายละเอียดอธิบายเพิ่มเติมในไฟล์
  • เมื่อผู้ใช้งานต้องการเข้าสู่ระบบ แอพพลิเคชันจะแสดงหน้าล็อกอินตามที่เรากำหนดคอนฟิก fullSecureAuthentication ในไฟล์ environment.ts
  • หลังจากล็อกอินสำเร็จ แอพพลิเคชันจะกลับไปตามที่เรากำหนดคอนฟิก redirectUrlAfterLogedIn ในไฟล์ environment.ts หรือกลับไปหน้า Referrer หากไม่มีการกำหนดในคอนฟิก