Overview

AtlasX Web Application คืออะไร

AtlasX Web Application (Code name: AXWA) คือเว็บที่รวมแอพพลิเคชั่น 2 ส่วนเข้าด้วยกัน ส่วนแรกคือ Front-end (Angular Framework) โดยจะมีการขึ้นโครงสร้างแอพเบื้องต้นมาให้ เช่น การโหลดคอนฟิกจากเว็บเซอร์วิส การล็อกอินเข้าใช้งานระบบ การเชื่อมโยงไประบบต่าง ๆ เป็นต้น และส่วนที่สองคือ Back-end (ASP.NET 6) ที่มีการแยกส่วนออกมาจากเว็บเซอร์วิส โดยจะมีเซอร์วิส DataParser เป็นตัวช่วย Request ไปยังเว็บเซอร์วิส กรณีที่ Client App ไม่สามารถเชื่อมต่อกับเว็บเซอร์วิสได้โดยตรง

Application Flow

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

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