Mengesahkan Firebase dan Sudut dengan Auth0: Bahagian 2

Artikel ini, yang asalnya diterbitkan pada auth0.com, menerangkan cara membina aplikasi yang selamat menggunakan Node.js, Angular, Auth0, dan Firebase. Tutorial dua bahagian ini memberi tumpuan kepada mendapatkan kedua-dua front-end (sudut) dan back-end (nod) dengan Auth0, dan mengesahkan Firebase Cloud Firestore dengan token tersuai untuk mengulas masa nyata yang selamat. Kod sudut boleh didapati di GitHub (Repo Angular-Firebase), dan API Node berada di Repo Firebase-Auth0-Nodeserver.

Persediaan Bahagian 1, API Node Secure untuk Token Minting Firebase, Senibina Angular, Pengesahan Auth0 dalam Sudut, dan Komponen Dikongsi.

Takeaways utama dari Bahagian 1:

• paparan data yang cekap menggunakan paip async Angular dan ngifelse.
• Parameter laluan untuk butiran item individu (mis., Butiran anjing).
• kelas typescript untuk pemodelan data dan keserasian firebase.
• Konfigurasi Firebase Firebase Secure FireStore dengan peraturan tersuai.
• Borang yang didorong oleh template dalam sudut untuk interaksi pengguna dan pengesahan.
• interaksi data masa nyata dalam sudut menggunakan angularfire2.
• Keselamatan yang kuat menggunakan Auth0 untuk Peraturan Pengesahan dan Firebase untuk Akses Pangkalan Data.

mengesahkan firebase dan sudut dengan auth0: bahagian 2

Bahagian 2 memperincikan pelaksanaan ciri -ciri aplikasi:

1. Memaparkan anjing: Menggunakan paip async dan NgIfElse untuk pengendalian dan paparan data yang cekap, menguruskan keadaan pemuatan dan kesilapan.
2. Butiran anjing dengan parameter laluan: mengambil dan memaparkan butiran anjing individu menggunakan parameter laluan, meningkatkan interaksi pengguna.
3. Kelas Model Komen: mentakrifkan kelas Comment dalam typescript untuk pengendalian data berstruktur, termasuk kaedah untuk menukar contoh kelas untuk keserasian firebase.
4. Firebase Cloud Firestore dan Peraturan: Konfigurasi Peraturan Keselamatan Awan Firestore untuk mengawal membaca, membuat, dan memadam operasi berdasarkan pengesahan pengguna.
5. Komponen komen: Melaksanakan bahagian komen menggunakan AngularFire2 untuk mengambil dan memaparkan komen dalam masa nyata.
6. Komponen borang komen: Mewujudkan borang bagi pengguna untuk menghantar komen, termasuk pengesahan.
7. Komen masa nyata: Menunjukkan kemas kini masa nyata ke komen menggunakan keupayaan masa nyata Firebase.
8. KESIMPULAN: meringkaskan tutorial dan menyediakan pautan ke sumber tambahan.

Bahagian ini dibina pada Bahagian 1, dengan mengandaikan API Node.js sedang berjalan. Ia memperincikan pelaksanaan komponen Dogs, pengendalian data dan paparan data, dan komponen Dog, mempamerkan parameter laluan. Kelas model Comment diperkenalkan, diikuti dengan menubuhkan Peraturan Firebase Cloud Firestore untuk akses data yang selamat. Komponen Comments dan Comment Form kemudian dilaksanakan untuk mengendalikan paparan dan penyerahan komen masa nyata. Tutorial ini disimpulkan dengan demonstrasi fungsi dan cadangan masa nyata untuk pembangunan selanjutnya. Sumber tambahan pada ujian sudut dan firebase/auth0 disediakan. Akhirnya, bahagian Soalan Lazim menangani soalan umum mengenai pengesahan firebase dengan sudut dan auth0.

Atas ialah kandungan terperinci Mengesahkan Firebase dan Sudut dengan Auth0: Bahagian 2. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!