Viblo CTF
+5

Liên kết Firebase đến App Flutter cho Android và iOS.

Chào anh em đây là bài viết đầu tiên của mình hy vọng có thể giúp ích được cho anh em dễ dàng cấu hình Firebase vào các dự án Flutter của mình. Mình sẽ đi thẳng vào vấn đề chính luôn cho nhanh gọn lẹ.

1. Tạo project Firebase:

Điều này là dĩ nhiên rồi không có nó làm sao mà liên kết được =)). Click vào New project.

Nhập tên project mới và chọn continue.

Ở phần này anh em có thể enable hoặc không chế độ Analys project của Google và sau đó nhấn chọn Create project. Đơn giản phải không anh em, tiếp theo mình sẽ tiến hành thêm Android và iOS vào trong project.

2. Thêm Android vào project Firebase:

Anh em chọn vào icon Android để thêm Android vào project Firebase mới tại nhé.

Sau đó điền các thông tin lấy ra từ project Flutter và điền vào thôi.

Bao gồm các thông tin về package, SHA1 và nick name của Project sau khi hoàn thành thì click vào Register app. Bước tiếp theo thì anh em sẽ phải tải file google-services.json và import vào trong project Flutter như ảnh bên dưới.

Tiếp đến là cấu hình build.gradle theo hướng dẫn.

Chọn NextContinue ở màn hình sau đó, thế là xong phần cấu hình cho Android.

3. Thêm iOS vào project Firebase:

Ở bước đầu cũng giống như Android anh em cũng click vào icon iOS thay vì icon Android.

Để lấy Bundle id app anh em làm như sau: vào Android studio (nếu đang dùng để code Flutter) chuột phải vào folder iOS và chọn Flutter -> Open moduleinXcode

Ở Xcode, chọn thư mục Runner ở Root -> trong General, các bạn sẽ tìm thấy bundle identifier, nó chính là bundle id. Sau đó quay lại Firebase console, nhập bundle Id và tìm được -> click Register app Tiếp theo tải file GoogleService-Info.plist ở bước kế tiếp.

File tải về phải được bỏ vào thư mục Runner/Runner.

Anh em tiến hành cấu hình như hình trên.

Ở bước add SDK anh em nên build App lên điện thoại để quá trình kết nối giữa iOS và Firebase diễn ra, nếu thành công thì sẽ hiển thị theo bên dưới.

Cuối cùng

Vậy là mình đã cấu hình xong Firebase cho project Flutter trên android lẫn iOS, cảm ơn anh em đã xem hy vọng ít nhiều sẽ giúp được anh em, nếu có thiếu xót gì thì anh em comment bên dưới để mình cải thiện nhé ❤️.

Bạn có thể tham khảo :

https://firebase.google.com/docs/android/setup https://firebase.google.com/docs/ios/setup


All Rights Reserved

Viblo
Let's register a Viblo Account to get more interesting posts.