在Flutter中集成華為認(rèn)證服務(wù)的示例-創(chuàng)新互聯(lián)

這篇文章給大家分享的是有關(guān)在Flutter中集成華為認(rèn)證服務(wù)的示例的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)由有經(jīng)驗(yàn)的網(wǎng)站設(shè)計(jì)師、開發(fā)人員和項(xiàng)目經(jīng)理組成的專業(yè)建站團(tuán)隊(duì)，負(fù)責(zé)網(wǎng)站視覺設(shè)計(jì)、用戶體驗(yàn)優(yōu)化、交互設(shè)計(jì)和前端開發(fā)等方面的工作，以確保網(wǎng)站外觀精美、成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、外貿(mào)營銷網(wǎng)站建設(shè)易于使用并且具有良好的響應(yīng)性。

集成步驟

安裝flutter環(huán)境

a) 下載Flutter sdk包，地址：https://flutter.dev/docs/get-started/install/windows

將壓縮包解壓到任意文件夾，例如D:\Flutter

b) 將flutter命令文件添加到環(huán)境變量中，此處我添加的Path為D:\Flutter\flutter_windows_1.22.2-stable\flutter\bin。

c) 在Android Studio中點(diǎn)擊“File-Settings-Plugins”，下載Flutter和Dart插件，重啟Android Studio使插件生效。

開通服務(wù)&創(chuàng)建工程

a) 在AGC創(chuàng)建Android應(yīng)用并開通認(rèn)證服務(wù)

b) 開啟認(rèn)證服務(wù)中的匿名帳號，手機(jī)帳號，郵箱帳號

c) 在Android Studio中新建Flutter工程

d) 將agconnect-services.json文件放入Android/app目錄下

e) 配置Maven倉地址和AGC插件地址。

a. 打開Flutter項(xiàng)目android文件夾下的build.gradle文件。

b. 在allprojects ->repositories里面配置maven倉地址。

c. 在buildscript->repositories中配置maven倉地址。

d. 在buildscript->dependencies中配置AppGallery Connect插件地址。

添加編譯依賴和AGC插件地址。
a. 打開Flutter項(xiàng)目android/app文件夾下的build.gradle文件。
b. 在文件中添加如下配置。

集成SDK

在Flutter項(xiàng)目的pubspec.yaml文件中添加依賴：

dependencies:
  flutter:
  sdk: flutter
# Add the following line:
  agconnect_auth: ^1.1.0

然后點(diǎn)擊Pub get進(jìn)行同步

接入功能

匿名帳號登錄

匿名帳號只需要調(diào)用signInAnonymously接口進(jìn)行登錄

_signIn() async {
 AGCAuth.instance.signInAnonymously().then((value) {
  setState(() {
   _log =
     'signInAnonymously = ${value.user.uid} , ${value.user.providerId}';
  });
 });
}

通過value，我們可以獲取到用戶信息，例如這里我們獲取到了user的id。

手機(jī)號&郵箱認(rèn)證

手機(jī)號郵箱賬號認(rèn)證首先需要發(fā)送驗(yàn)證碼，

手機(jī)號請求驗(yàn)證碼，即調(diào)用requestVerifyCode方法，傳入手機(jī)號、國家碼、設(shè)置項(xiàng)作為參數(shù)：

_requestPhoneVerifyCode(VerifyCodeAction action) {
 String countryCode = _countryCodeController.text;
 String phoneNumber = _phoneNumberController.text;
 VerifyCodeSettings settings = VerifyCodeSettings(action, sendInterval: 30);
 PhoneAuthProvider.requestVerifyCode(countryCode, phoneNumber, settings).then((value) => print(value.validityPeriod));
}

郵箱請求驗(yàn)證碼，即調(diào)用requestVerifyCode方法，傳入郵箱、設(shè)置項(xiàng)作為參數(shù)：

_requestEmailVerifyCode(VerifyCodeAction action) {
 String email = _emailController.text;
 VerifyCodeSettings settings = VerifyCodeSettings(action, sendInterval: 30);
 EmailAuthProvider.requestVerifyCode(email, settings)
   .then((value) => print(value.validityPeriod));
}

而后是創(chuàng)建用戶的操作：

創(chuàng)建手機(jī)賬號用戶，需要調(diào)用createPhoneUser方法，傳入封裝好的PhoneUser對象

_createPhoneUser() async {
  bool result = await _showPhoneDialog(VerifyCodeAction.registerLogin);
  if (result == null) {
   print("cancel");
   return;
  }
  String countryCode = _countryCodeController.text;
  String phoneNumber = _phoneNumberController.text;
  String verifyCode = _verifyCodeController.text;
  String password = _passwordController.text;
  AGCAuth.instance.createPhoneUser(PhoneUser(countryCode, phoneNumber, verifyCode, password: password)) .then((value) {
   setState(() {
    _log = 'createPhoneUser = ${value.user.uid} , ${value.user.providerId}';
   });
  }).catchError((error)=>print(error));
 }

創(chuàng)建郵箱賬號用戶，需要調(diào)用createEmailUser方法，傳入封裝好的EmailUser對象。

_createEmailUser() async {
  bool result = await _showEmailDialog(VerifyCodeAction.registerLogin);
  if (result == null) {
   print("cancel");
   return;
  }
  String email = _emailController.text;
  String verifyCode = _verifyCodeController.text;
  String password = _passwordController.text;
  AGCAuth.instance
    .createEmailUser(EmailUser(email, verifyCode, password: password))
    .then((value) {
   setState(() {
    _log = 'createEmailUser = ${value.user.uid} , ${value.user.providerId}';
   });
  }).catchError((error) => print(error));
 }

最后是登錄功能，有兩種登錄模式，一種是密碼登錄方式：

手機(jī)賬號，調(diào)用signIn方法，傳入使用手機(jī)號等生成的認(rèn)證憑據(jù)。

_signInWithPassword() async {
  bool result = await _showPhoneDialog(VerifyCodeAction.registerLogin);
  if (result == null) {
   print("cancel");
   return;
  }
  String countryCode = _countryCodeController.text;
  String phoneNumber = _phoneNumberController.text;
  String password = _passwordController.text;
  AGCAuthCredential credential = PhoneAuthProvider.credentialWithPassword(countryCode, phoneNumber, password);
  AGCAuth.instance.signIn(credential).then((value) {
   setState(() {
    _log = 'signInWithPassword = ${value.user.uid} , ${value.user.providerId}';
   });
  });
 }

郵箱賬號：調(diào)用signIn方法，傳入通過郵箱和密碼生成的認(rèn)證憑據(jù)。

_signInWithPassword() async {
  bool result = await _showEmailDialog(VerifyCodeAction.registerLogin);
  if (result == null) {
   print("cancel");
   return;
  }
  String email = _emailController.text;
  String password = _passwordController.text;
  AGCAuthCredential credential =
    EmailAuthProvider.credentialWithPassword(email, password);
  AGCAuth.instance.signIn(credential).then((value) {
   setState(() {
    _log =
      'signInWithPassword = ${value.user.uid} , ${value.user.providerId}';
   });
  });
 }

另一種是驗(yàn)證碼登錄方式：

手機(jī)賬號：調(diào)用signIn方法，傳入通過手機(jī)、驗(yàn)證碼和密碼生成的認(rèn)證憑據(jù)。

_signInWithVerifyCode() async {
  bool result = await _showPhoneDialog(VerifyCodeAction.registerLogin);
  if (result == null) {
   print("cancel");
   return;
  }
  String countryCode = _countryCodeController.text;
  String phoneNumber = _phoneNumberController.text;
  String verifyCode = _verifyCodeController.text;
  String password = _passwordController.text;
  AGCAuthCredential credential = PhoneAuthProvider.credentialWithVerifyCode(countryCode, phoneNumber, verifyCode, password: password);
  AGCAuth.instance.signIn(credential).then((value) {
   setState(() {
    _log = 'signInWithVerifyCode = ${value.user.uid} , ${value.user.providerId}';
   });
  });
 }

郵箱賬號：調(diào)用signIn方法，傳入通過郵箱、驗(yàn)證碼和密碼生成的認(rèn)證憑據(jù)。

_signInWithVerifyCode() async {
  bool result = await _showEmailDialog(VerifyCodeAction.registerLogin);
  if (result == null) {
   print("cancel");
   return;
  }
  String email = _emailController.text;
  String verifyCode = _verifyCodeController.text;
  String password = _passwordController.text;
  AGCAuthCredential credential = EmailAuthProvider.credentialWithVerifyCode(
    email, verifyCode,
    password: password);
  AGCAuth.instance.signIn(credential).then((value) {
   setState(() {
    _log =
      'signInWithVerifyCode = ${value.user.uid} , ${value.user.providerId}';
   });
  });
 }

自有賬號

自有賬號創(chuàng)建jwt獲取token等步驟為server端步驟，端側(cè)只需要取到token進(jìn)行登錄即可。

_signIn() async {
  bool result = await _showSelfBuildDialog(VerifyCodeAction.registerLogin);
  if (result == null) {
   print("cancel");
   return;
  }
  String token = _selfBuildController.text;
  AGCAuthCredential credential = SelfBuildAuthProvider.credentialWithToken(token);
  AGCAuth.instance.signIn(credential).then((value) {
   setState(() {
    _log = 'signIn = ${value.user.uid} , ${value.user.providerId}';
   });
  });
 }

打包

與Android相同，只需要在Android Studio中點(diǎn)擊運(yùn)行即可

欲了解更多詳情請參見：

認(rèn)證服務(wù)開發(fā)指南：

https://developer.huawei.com/consumer/cn/doc/development/AppGallery-connect-Guides/agc-auth-introduction-0000001053732605

認(rèn)證服務(wù)codelab（Android）：

https://developer.huawei.com/consumer/cn/codelab/AuthenticationService/index.html#0

感謝各位的閱讀！關(guān)于“在Flutter中集成華為認(rèn)證服務(wù)的示例”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

文章名稱：在Flutter中集成華為認(rèn)證服務(wù)的示例-創(chuàng)新互聯(lián)
網(wǎng)站網(wǎng)址：http://muchs.cn/article28/ioicp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、網(wǎng)站建設(shè)、App設(shè)計(jì)、定制網(wǎng)站、品牌網(wǎng)站制作、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)