Angular03

Pada modul ini kita akan menyimpan data user di local, yang akan digunakan untuk menerapkan authentication, seperti apakah user sudah login, atau apakah token sudah expired atau belum. Pertama kita buat model untuk user, buat file auth/user.model.ts Kemudian buka file auth.service.ts, kita tambahkan code untuk menyimpan informasi user baik pada proses signup atau login dengan … Read more

Pada modul ini kita akan implementasikan login. Buka file auth.service.ts, tambahkan method login dengan code seperti dibawah. Untuk dokumentasi login lihat di https://firebase.google.com/docs/reference/rest/auth#section-sign-in-email-password Disana akan dijelaskan URL endpoint untuk login, request yang harus dikirim serta response yang akan dikembalikan. Perhatikan: pada code dimodifikasi dalam melakukan error handling karena dapat digunakan baik saat signin maupun signup. … Read more

Menambahkan Loading Spinner KIta akan menambahkan candy dengan menampilkan loading spinner. Anda dapat gunakan free loading spinner dari https://loading.io/css. Buat file baru untuk component spinner, shared/loading-spinner/loading-spinner.component.ts dan loading-spinner.component.css. File loading-spinner.component.css File loading-spinner.component.ts Kemudian registrasikan pada app.module.ts Buka file auth.component.ts, tambahkan property untuk status loading. Kemudian kita gunakan property tersebut pada auth.component.html KIta gunakan ngIf untuk … Read more

Untuk menerapkan authentication, kita tambahkan file service baru pada folder auth. Buat file baru auth/auth.service.ts Signup Pertama kita akan melakukan proses signup dahulu. API yang digunakan adalah: Untuk mendapatkan API key lihat dari project setting (lihat modul sebelumnya). Method untuk signup adalah post, dan memerlukan passing data berikut: email: string, alamat email yang akan di-create. … Read more