Bagaimana untuk Melindungi Apl Sudut Berasingan dengan Pengesahan ui-router?

Cara Mengintegrasikan AngularJS ui-router Auth ke dalam Bahagian Asing

Dalam senario yang dibentangkan, anda mempunyai dua bahagian, halaman utama dan papan pemuka , dengan apl sudut yang berbeza. Untuk menyepadukan kebenaran menggunakan ui-router:

1. Buat Perkhidmatan Utama:

   • Menyimpan identiti pengguna dan menyediakan kaedah untuk pengesahan dan peranan menyemak.

2. Buat Perkhidmatan Kebenaran:

   • Menentukan sama ada pengguna diberi kuasa untuk mengakses keadaan.
   • Ubah hala ke log masuk atau akses halaman yang ditolak seperti yang diperlukan.

3. Dengar Acara $stateChangeStart:

   • Semak kebenaran apabila perubahan keadaan dimulakan.

4. Pastikan Identiti Pengguna Diselesaikan:

   • Gunakan penyelesaian dalam negara induk untuk memaksa penyelesaian identiti sebelum sebarang perubahan keadaan.

5. Melaksanakan Keizinan di Dua Tempat:

   • Jalankan semakan pengesahan dalam kedua-dua menyelesaikan dan $stateChangeStart.

6. Hadkan Keadaan Tertentu:

   • Tambahkan data dengan peranan ke negeri yang memerlukan kebenaran.

7. Sepadukan dengan Pengawal Paparan:

   • Suntikan prinsipal ke dalam pengawal untuk memaparkan elemen secara bersyarat berdasarkan pengesahan atau peranan.

Dalam contoh anda, buat keadaan rumah yang membenarkan pengguna yang tidak disahkan melihat halaman utama. Substate untuk papan pemuka boleh mewarisi daripada keadaan yang memerlukan pengesahan dan peranan khusus, seperti "Pengguna."

Atas ialah kandungan terperinci Bagaimana untuk Melindungi Apl Sudut Berasingan dengan Pengesahan ui-router?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!