Menggunakan Authentication Pada Project Buku Resep – 3

Setup Authentication Pada Firebase Pada modul ini kita akan setup authentication dengan menggunakan Firebase. Buka project Firebase yang telah kita gunakan untuk menyimpan data recipes. Pilih Realtime Database dan ubah rules menjadi seperti berikut: Kemudian pilih menu Authentication pada left navigation. Click button Setup sign-in method Kemudian pilih email Toggle option enable, lalu click save. … Read more

Sharing is caring:

Menggunakan Authentication Pada Project Buku Resep – 2

Pada modul ini kita akan memisahkan state authenticate atau tidak authenticate. Buka file auth.component.ts, lalu tambahkan code dibawah. Kemudian buka file auth.component.html, lakukan penambahan untuk form handling dan validasi dengan pendekatan template driven. mengatur status button login dan switch login berdasarkan property status login Sampai disini kita sudah melakukan form setup dan validasi. Pada modul … Read more

Sharing is caring:

Menggunakan Authentication Pada Project Buku Resep – 1

Pengenalan Authentication Setelah memahami penggunaan http interceptors, kita akan gunakan untuk menerapkan authentication pada project Buku Resep. Sebelumnya, mari kita pahami bagaimana authentication bekerja pada single page application. (lihat diagram dibawah). Pertama client akan mengirimkan auth data, misalnya email dan password. Kemudian server akan melakukan token encoding yang akan dikembalikan kepada client. Token oleh client … Read more

Sharing is caring:

Menggunakan Http Request Pada Project Buku Resep – 3

Jika Anda lakukan test pada aplikasi Buku Resep, dengan mengakses path recipes secara langsung, akan terjadi error. Hal ini terjadi karena Angular berusaha mengakses data yang belum tersedia di browser. Ada beberapa pendekatan yang bisa dilakukan, misalnya dengan menjaga routing tertentu tidak bisa diakses. Namun pada modul ini kami akan membahas pendekatan lain dengan menggunakan … Read more

Sharing is caring: