Flutter Firebase集成

2021-06-11  本文已影响0人  郑了了了

Firebase三方登录集成过程

1. Add dependency

dependencies:
  flutter:
    sdk: flutter
  firebase_core: "^0.7.0"
  firebase_auth: "^0.20.1"

Google登录

参考地址(https://firebase.flutter.dev/docs/auth/overview

pubspec.yaml
dependencies:
  google_sign_in: "^4.5.1"
1. Android

1.Firebase官网添加Android应用 https://console.firebase.google.com/u/0/
2.准备包名,示例:com.example.untitled
3.获取调试SHA-1签名(生产环境SHA-1签名)
4.下载google-services.json添加至android/app目录下
5.Android项目gradle下增加 classpath 'com.google.gms:google-services:4.3.4'
6.app gradle下增加插件apply plugin: 'com.google.gms.google-services'

2.Web

1.Firebase官网添加web应用 https://console.firebase.google.com/u/0/
2.添加SDK到html中

      <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-app.js"></script>
      <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-analytics.js</script>

3.初始化Firebase(参考资料:https://developers.google.com/identity/sign-in/web/sign-in)

var firebaseConfig = {
         // ...
       };
       // Initialize Firebase
       firebase.initializeApp(firebaseConfig);

Twitter登录

参考地址(https://firebase.flutter.dev/docs/auth/social#twitter

pubspec.yaml
dependencies:
  flutter_twitter_login: ^1.1.0

Apple登录

1.配置使用 Apple 登录(https://firebase.google.com/docs/auth/ios/apple#configure-sign-in-with-apple

pubspec.yaml
dependencies:
  sign_in_with_apple: ^2.5.2
  crypto: ^2.1.5

注意:Firebase官方选择Authentication开启Google,Twitter,Apple登录提供程序

上一篇下一篇

猜你喜欢

热点阅读