Bagaimanakah Saya Boleh Menggabungkan Dua Aplikasi AngularJS dengan Selamat dengan Keperluan Pengesahan Berbeza?

Pengesahan Log Masuk AngularJS dengan ui-router

Senario:

Anda perlu menggabungkan dua Aplikasi AngularJS menjadi satu dengan keperluan pengesahan yang berbeza: bahagian rumah untuk log masuk dan pendaftaran, dan bahagian papan pemuka untuk pengguna yang disahkan.

Penyelesaian

1. Buat Perkhidmatan Identiti:

   Perkhidmatan ini mengurus identiti pengguna, termasuk status pengesahan dan maklumat penting seperti nama paparan dan peranan.

2. Perkhidmatan Kebenaran:

   Perkhidmatan ini menyemak sama ada pengguna disahkan dan diberi kuasa untuk mengakses keadaan yang diminta. Ia mengubah hala ke halaman log masuk atau akses yang ditolak seperti yang diperlukan.

3. Kendalikan Perubahan Keadaan:

   Dengar perubahan keadaan dan lakukan semakan kebenaran menggunakan perkhidmatan kebenaran. Ini memastikan bahawa pengguna disahkan dengan betul sebelum peralihan keadaan selesai.

4. Selesaikan Identiti dalam Keadaan Induk:

   Konfigurasikan keadaan induk untuk keseluruhan permohonan dan menyelesaikan identiti di sana. Ini memastikan identiti diselesaikan sebelum sebarang semakan pengesahan berlaku.

5. Ubah Hala Secara Bersyarat ke Keadaan:

   Gunakan sifat data dalam konfigurasi keadaan untuk menentukan peranan yang diperlukan untuk akses. Pengguna yang tidak disahkan akan diubah hala ke halaman log masuk dan pengguna yang tidak dibenarkan dialihkan ke halaman yang ditolak akses.

6. Suntikan Pengetua ke dalam Pengawal:

   Suntikan perkhidmatan utama ke dalam pengawal untuk menyemak status pengesahan atau keahlian peranan dalam paparan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggabungkan Dua Aplikasi AngularJS dengan Selamat dengan Keperluan Pengesahan Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!