您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關(guān)在Flutter中集成華為認(rèn)證服務(wù)的示例的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來看看吧。
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使插件生效。
a) 在AGC創(chuàng)建Android應(yīng)用并開通認(rèn)證服務(wù)
b) 開啟認(rèn)證服務(wù)中的匿名帳號(hào),手機(jī)帳號(hào),郵箱帳號(hào)
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. 在文件中添加如下配置。
在Flutter項(xiàng)目的pubspec.yaml文件中添加依賴:
dependencies: flutter: sdk: flutter # Add the following line: agconnect_auth: ^1.1.0
然后點(diǎn)擊Pub get進(jìn)行同步
接入功能
匿名帳號(hào)登錄
匿名帳號(hào)只需要調(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ī)號(hào)郵箱賬號(hào)認(rèn)證首先需要發(fā)送驗(yàn)證碼,
手機(jī)號(hào)請求驗(yàn)證碼,即調(diào)用requestVerifyCode方法,傳入手機(jī)號(hào)、國家碼、設(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ī)賬號(hào)用戶,需要調(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)建郵箱賬號(hào)用戶,需要調(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ī)賬號(hào),調(diào)用signIn方法,傳入使用手機(jī)號(hào)等生成的認(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}'; }); }); }
郵箱賬號(hào):調(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ī)賬號(hào):調(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}'; }); }); }
郵箱賬號(hào):調(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}'; }); }); }
自有賬號(hào)
自有賬號(hào)創(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é)到更多知識(shí),如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。