Angular03

Auto Login Sampai sejauh ini, informasi user masih disimpan dalam memory. Jika aplikasi di reload, maka data user dan authentication akan hilang. Untuk itu kita perlu menyimpan data kedalam local storage. Buka file auth.service.ts, lalu tambahkan code pada method handleAuth dan autoLogin.(lihat code dengan bagian komentar). Selain itu kita perlu mengganti tipe subject menjadi ReplaySubject. … Read more

Pada modul ini kita akan mengimplementasikan logout. Buka file auth.service.ts, lalu tambahkan Inject router, akan digunakan untuk navigasi saat method logout dijalankan. Method logout Kemudian buka file header.component.ts, tambahkan method untuk handling click listener logout. Buka file header.component.html, Kemudian tambahkan code click listener pada menu logout. Jika Anda jalankan, sesuai ekspektasi, logout sudah berhasil kita … Read more

Jika Anda melakukan fetch recipe, akan terjadi error. Karena pada Firebase, kita sudah set untuk read dan write data memerlukan authentication. Sementara code kita saat ini belum menambahkan authentication pada saat melakukan request. Data user dapat diakses pada auth.service.ts, namun saat ini user didefinisikan sebagai subject, dimana untuk mendapatkan valuenya perlu dilakukan proses subscribe. Untuk … Read more

Pada modul ini kita akan mulai menggunakan data user authentication untuk mengatur tampilan dan routing. Anda dapat melakukannya pada file service atau pada file component. Pada tutorial digunakan pada file component. Buka file auth.component.ts, lalu modifikasi seperti berikut: Inject router pada class. Tambahkan redirect navigasi untuk user yang berhasil login atau signup ke halaman recipes. … Read more