การรวม Keycloak กับ Angular

Sep 24 2020

ฉันกำลังพยายามกำหนดค่าส่วนหน้า Angular (10) เพื่อเข้าสู่ระบบและออกโดยใช้ Keycloak แต่ได้รับข้อผิดพลาดต่อไปนี้ในคอนโซลของเครื่องมือ Chrome dev:

    GET http://localhost:4200/keycloak.json 404 (Not Found)      zone-evergreen.js:2845

ดูเหมือนว่าแม้จะระบุ URL ของเซิร์ฟเวอร์ Keycloak อย่างชัดเจน (ทำงานบนระบบภายในของฉัน) ในโค้ด แต่แอป Angular ก็พยายามตีข้อมูลรับรองการเข้าสู่ระบบในไฟล์ JSON จำลอง

ขอขอบคุณล่วงหน้าหากใครสามารถแนะนำวิธีเอาชนะปัญหานี้ได้

คำตอบ

BenchVue Sep 24 2020 at 21:20

ดูเหมือนว่าโปรแกรม Angular ของคุณต้องการอ่านไฟล์ keycloak.json สามารถรับได้จาก Keycloak UI และใส่ในไดเร็กทอรีราก "Local Development" เชิงมุมของคุณ ไฟล์นั้นจัดเตรียมให้กับการกำหนดค่าของ Keycloak สำหรับ Authz of Angular

ไฟล์นี้ไม่ได้คัดลอกไดเร็กทอรี dist มันเป็นไดเร็กทอรีการทำงานเชิงมุมที่แท้จริง

โปรดดูภัยคุกคามในคำถามเชิงมุม ใช้ Angular-CLI build เพื่อคัดลอกไฟล์ / ไดเร็กทอรี