Tìm hiểu về đăng nhập và đăng ký bằng Firebase

[takiet60]

Để hổ trợ đồ án về phần đăng nhập và đăng ký. Nhóm mình sẽ sử dụng Firebase làm công cụ lưu trữ online tài khoản. Cụ thể là đăng nhập và đăng ký bằng email/password.

• Yêu cầu:

1. Nghiên cứu về cách đăng ký để sử dụng service đăng nhập và đăng ký trên Firebase.

2. Viết lại comment những điều đã nghiên cứu được bao bồm:

     - Cách đăng ký trên Firebase.
     - Các hàm, syntax dùng để sử dụng để đăng nhập và đăng ký trên Firebase.
     - Các thêm Firebase vào dự án Angular
     - Thiết kế trước theo mô hình MVC tạo dùng service để làm phần đăng nhập và đăng ký.

• Phân công:

Tất cả các thành viên trong nhóm đều phải nghiên cứu và gửi lại những gì mình tìm hiểu được..

• Thời hạn:

3 ngày kể từ ngày ra issue 19h thứ 3 ngày 15 tháng 6 năm 2021.

• Kết quả:

• [x] Tạ Anh Kiệt hoàn thành

• [x] Nguyễn Thành Long hoàn thành

• [x] Phùng Minh Đạt hoàn thành

[takiet60]

• Để sử dụng được dịch vụ đăng nhập và đăng ký trên Firebase:
  • Đầu tiên ta cần phải có một tài khoản của Google.
  • Ta sẽ tạo một project trên Firebase và làm theo hướng dẫn để đăng ký project.
  • Sau đó ta lấy đoạn mã configFirebase về thêm vào dự án trong Angular.
  • Trong phần Authencation của Firebase ta vào phần Sign-in method để enable Email/Password.
  • Ta đã đăng ký thành công trong việc setup việc đăng nhập và đăng ký trong Firebase.
• Cách hàm và syntax để sử dụng login/register bằng Firebase trên Angular:
  • Ở các phiên bản trước ta cần phải cài đặt firebase @angular/fire để sử dụng các module như là AngularFireModule, AngularFireAuthModule.
  • Để sử dụng các hàm thì fireauth.auth.signInWithEmailAndPassword(email, password)

  • fireauth.auth.createUserWithEmailAndPassword(email, password)

  • Ở phiên bản mới nhất của Angular và Firebase thì các cách gọi hàm đã thay đổi.
  • Thay vì phải gọi đối tượng auth trong AngularFireAuth để có thể sử dụng được các hàm ở trên, thì ta có thể gọi trực tiếp bằng AngularFireAuth với cú pháp fireauth.signInWithEmailAndPassword(email, password) và fireauth.createUserWithEmailAndPassword(email, password).
• Cách thêm Firebase vào Angular:
  • Ta sẽ download các cli của firebase và lấy đoạn config của firebase về dự án.
• Để thiết kế theo mô hình MVC:
  • Ta sẽ tách phần login/register thành một service riêng. Service này chuyên hoạt động để login/register.
  • Khi component nào muốn sử dụng chức năng trên ta có thể gọi trong file .ts và có thể sử dụng trong component đó.

[minhdat1602]

1. Tạo project firebase
2. Enable Firebase Auth for Email/Password
3. copy đoạn script về và paste và file
4. init firebaseAuthentication
5. gọi hàm và sử dụng

[thanhlong3200]

Cách sử dụng Firebase:

• Sau khi đăng ký tài khoản Firebase, tạo một project firebase
• Trong thẻ Authencation của project vừa tạo,vào mục Sign-in method để enable Email/Password. Syntax để sử dụng login/register bằng Firebase trên Angular:
• Ở các phiên bản trước ta cần phải cài đặt firebase @angular/fire để sử dụng các module như là AngularFireModule, AngularFireAuthModule.
• Để sử dụng các hàm thì fireauth.auth.signInWithEmailAndPassword(email, password) fireauth.auth.createUserWithEmailAndPassword(email, password) Cách thêm Firebase vào Angular:
• download các cli của firebase và lấy đoạn config của firebase về dự án.