แอพพลิเคชั่น
แอปพลิเคชัน Identity Spa ใช้ไลบรารี C#/JS ที่ใช้งานได้ ของฉันในสถานการณ์ จริง
- แบ็กเอนด์: จุดสนใจหลักคือคุกกี้และการรับรองความถูกต้องของ OAuth2
- Frontend: จุดสนใจหลักคือการแสดงการกำหนดเส้นทางและการจัดการสถานะโดยใช้ส่วนประกอบ JSX
ไลบรารีแอพพลิเคชั่น
- ห้องสมุดความปลอดภัยที่มีลักษณะคล้าย Aspnet
- ห้องสมุดหลักที่ตอบสนองเหมือน
- ไลบรารีการกำหนดเส้นทางแบบตอบสนอง
- Redux Library Redux
โครงสร้างแอพตัวตน
- Backend-API Project จัดการคุกกี้ Signin/Signout และคำขอ OAuth2
- Backend-App Project Files Files Server ผ่านโฟลเดอร์ wwwroot
- โมดูล Frontend-App มีไฟล์ดัชนีและทรัพยากร [สคริปต์, รูปภาพ]
- โมดูลส่วนประกอบส่วนประกอบมีส่วนประกอบ JSX ที่ใช้ในการสร้าง Spa UI
แอพพลิเคชั่นกำลังทำงานตามขั้นตอน
- สร้าง ใบรับรอง localhost และติดตั้ง ใบรับรอง CA ในเบราว์เซอร์ดูที่นี่
- สร้างไฟล์ Backend-Api/Secrets.json และตั้งค่าข้อมูลรับรองผู้ให้บริการ OAuth2 ดูที่นี่โครงสร้าง
dotnet restore
dotnet build --no-restore
./start.sh # docker exec -it -u root identity-app chmod u+x /workspaces/identity-app/start.sh
ข้อสังเกต
- ทดสอบกับผู้ให้บริการ Google OAuth2 เท่านั้น เปิดบัญชีปิดใหม่ Twitter และ Facebook WIP
- Aspnet Core ใช้ในการเรียกใช้ Backend API & APP
- Deno ใช้ในการสร้างแอพและส่วนประกอบส่วนหน้า
เรียบง่ายหมายถึงง่ายๆ
