Memperkenalkan @rxweb/angular-router : Menangani Perutean Sudut dengan Lebih Baik 🚀

Diterbitkan Ulang Oleh Plato

Followers: 0

Router sudut yang mampu membangun aplikasi SPA yang mendukung banyak rute memberikan kebaikan menggunakan HTML tunggal dengan semua fungsi di seluruh aplikasi dan merender UI berdasarkan rute, tambahan mengkonfigurasi penjaga rute untuk memberikan dan menghapus akses, yang cukup keren .😀

Aspek lain yang harus diperhatikan saat mengembangkan aplikasi dengan keamanan kelas atas adalah otentikasi dan otorisasi sedemikian rupa sehingga dilakukan secara terpisah yang juga dengan cara yang terkonsentrasi, penjaga tunggal untuk mengelola akses dan penangan tindakan pra-rute untuk mengelola data aplikasi, Bagaimana ini dikelola dalam aplikasi sudut dan apa tantangan tingkat tinggi yang dihadapi ?????🤨

Apa yang tidak hadir?

Orientasi Pusat untuk menangani otorisasi dan otentikasi pra-rute dengan pemisahan masalah
Selesaikan Pengguna secara Global sebelum inisialisasi Komponen
Kelola Akses secara Global berdasarkan peran pengguna
Tunggal CanActivate untuk semua rute untuk menangani aturan bisnis yang kompleks secara terpisah
Middlewares tingkat global dan komponen

Mengapa @rxweb/angular-router ?

Dekorator yang dideklarasikan dalam modul root dengan peran untuk menangani otentikasi, otorisasi, dan middlewares di seluruh aplikasi dengan dikelola secara individual
Satu penjaga CanActivate dengan semua rute
Pemeriksaan akses bijaksana komponen
Enkripsi URL terpusat

dengan @rxweb/angular-router

Apa itu @rxweb/angular-router ?

@rxweb/angular-router adalah paket untuk mengelola rute dalam aplikasi sudut bersama dengan otorisasi, otentikasi dengan cara yang intuitif dan terpisah.

Muncul dengan Penyederhanaan tindakan yang harus dilakukan setiap kali pengguna mengarahkan ulang ke rute dan data diberikan, yang meningkatkan Maintainability modul router di aplikasi sudut kami dan membantu menghindari penggunaan banyak pelindung saat membuat aplikasi konsisten.

Penggunaan

Instalasi:

npm instal @rxweb/angular-router

Tambahkan yang berikut ini dalam pernyataan impor di app.module.ts

import { RxRoutingModule } from '@rxweb/angular/router';

Seperti yang telah kita diskusikan, kita akan melihat bagaimana menggunakan otorisasi, otentikasi, dan middlewares secara global menggunakan dekorator tunggal @routerModule.

Grafik @routerModule dideklarasikan di app.module.ts seperti di bawah ini

@routerModule({ authentication:, authorization :, middlewares : [] })
@NgModule({...})
export class AppModule { }

Kami akan menambahkan nilai satu per satu ke properti ini dengan tutorial yang tercantum di bawah ini:

Dengan cara yang sama kita akanhttps://www.codementor.io/@ushmidave905/simplified-way-to-perform-authentication-in-angular-routing-1ecfy6paac?published=1

Untuk mengimplementasikan Otorisasi, lihat Cara sederhana untuk melakukan Otentikasi dalam Perutean Sudut

Kesimpulan

Dalam artikel ini kita mempelajari tentang @rxweb/angular-router dan manfaatnya serta bagian tutorial implementasi di @routerModule, bersama dengan implementasi globalnya juga berisi otorisasi berbasis arahan, middlewares berbasis komponen, dan tingkat akses.