詳解如何在Flutter中集成華為認(rèn)證服務(wù)
最近發(fā)現(xiàn)華為AGC認(rèn)證服務(wù)支持Flutter框架了，期待這個(gè)平臺(tái)的支持已經(jīng)很久了，所以迫不及待接入了，關(guān)聯(lián)了自己的郵箱等賬號(hào)。
集成步驟
安裝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使插件生效。
開(kāi)通服務(wù)&創(chuàng)建工程
a) 在AGC創(chuàng)建Android應(yīng)用并開(kāi)通認(rèn)證服務(wù)
b) 開(kāi)啟認(rèn)證服務(wù)中的匿名帳號(hào)，手機(jī)帳號(hào)，郵箱帳號(hào)
c) 在Android Studio中新建Flutter工程
d) 將agconnect-services.json文件放入Android/app目錄下
e) 配置Maven倉(cāng)地址和AGC插件地址。
a. 打開(kāi)Flutter項(xiàng)目android文件夾下的build.gradle文件。
b. 在allprojects ->repositories里面配置maven倉(cāng)地址。
c. 在buildscript->repositories中配置maven倉(cāng)地址。
d. 在buildscript->dependencies中配置AppGallery Connect插件地址。
添加編譯依賴(lài)和AGC插件地址。
a. 打開(kāi)Flutter項(xiàng)目android/app文件夾下的build.gradle文件。
b. 在文件中添加如下配置。
集成SDK
在Flutter項(xiàng)目的pubspec.yaml文件中添加依賴(lài)：
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}';
});
});
}
通過(guò)value，我們可以獲取到用戶(hù)信息，例如這里我們獲取到了user的id。
手機(jī)號(hào)&郵箱認(rèn)證
手機(jī)號(hào)郵箱賬號(hào)認(rèn)證首先需要發(fā)送驗(yàn)證碼，
手機(jī)號(hào)請(qǐng)求驗(yàn)證碼，即調(diào)用requestVerifyCode方法，傳入手機(jī)號(hào)、國(guó)家碼、設(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));
}
郵箱請(qǐng)求驗(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)建用戶(hù)的操作：
創(chuàng)建手機(jī)賬號(hào)用戶(hù)，需要調(diào)用createPhoneUser方法，傳入封裝好的PhoneUser對(duì)象
_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)用戶(hù)，需要調(diào)用createEmailUser方法，傳入封裝好的EmailUser對(duì)象。
_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方法，傳入通過(guò)郵箱和密碼生成的認(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方法，傳入通過(guò)手機(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方法，傳入通過(guò)郵箱、驗(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)行即可
欲了解更多詳情請(qǐng)參見(jiàn)：
認(rèn)證服務(wù)開(kāi)發(fā)指南：
認(rèn)證服務(wù)codelab（Android）：
https://developer.huawei.com/consumer/cn/codelab/AuthenticationService/index.html#0
原文鏈接：https://developer.huawei.com/consumer/cn/forum/topic/0201436847294530241?fid=0101271690375130218
原作者：Mayism
到此這篇關(guān)于詳解如何在Flutter中集成華為認(rèn)證服務(wù)的文章就介紹到這了,更多相關(guān)Flutter集成華為認(rèn)證服務(wù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Android?Studio簡(jiǎn)單實(shí)現(xiàn)自定義日歷
這篇文章主要為大家詳細(xì)介紹了Android?Studio簡(jiǎn)單實(shí)現(xiàn)自定義日歷，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
詳解Flutter網(wǎng)絡(luò)圖片本地緩存的實(shí)現(xiàn)
這篇文章主要為大家介紹了詳解Flutter網(wǎng)絡(luò)圖片本地緩存的實(shí)現(xiàn)示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
這篇文章主要為大家詳細(xì)介紹了WheelPicker自定義時(shí)間選擇器控件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
android 類(lèi)似微信的搖一搖功能實(shí)現(xiàn)思路及代碼
微信的搖一搖功能的出現(xiàn)，讓彼此之間的距離有近了一步，本文也想實(shí)現(xiàn)以下微信的搖一搖功能，感興趣的朋友可以了解下啊，希望本人對(duì)你有所幫助2013-01-01
Android使用第三方庫(kù)實(shí)現(xiàn)日期選擇器
這篇文章主要為大家詳細(xì)介紹了Android使用第三方庫(kù)實(shí)現(xiàn)日期選擇器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
本文詳細(xì)介紹了android的外部存儲(chǔ)和私有存儲(chǔ)。大家在有保存文件的需求的時(shí)候，根據(jù)自己的需要，選擇到底是存在哪里比較合適。內(nèi)部存儲(chǔ)相對(duì)較小，不介意把一些大文件存在其中。應(yīng)該存在外部存儲(chǔ)會(huì)更好。對(duì)于可以給其他文件訪(fǎng)問(wèn)的，可以存在外部存儲(chǔ)的公有文件里面2021-06-06
Android編程實(shí)現(xiàn)手機(jī)震動(dòng)功能的方法
這篇文章主要介紹了Android編程實(shí)現(xiàn)手機(jī)震動(dòng)功能的方法,結(jié)合實(shí)例形式分析了Android實(shí)現(xiàn)手機(jī)震動(dòng)功能的核心代碼與權(quán)限控制操作技巧,需要的朋友可以參考下2017-06-06
Android四種數(shù)據(jù)存儲(chǔ)的應(yīng)用方式
這篇文章主要介紹了Android四種數(shù)據(jù)存儲(chǔ)的應(yīng)用方式的相關(guān)資料,希望通過(guò)本文能幫助到大家，讓大家理解掌握Android存儲(chǔ)數(shù)據(jù)的方法，需要的朋友可以參考下2017-10-10
Android13實(shí)時(shí)刷新頻率的實(shí)現(xiàn)代碼(完整代碼)
文章介紹了Android 13中如何通過(guò)設(shè)置開(kāi)發(fā)者選項(xiàng)顯示屏幕刷新頻率,具體涉及到Settings應(yīng)用中的代碼和SurfaceFlinger服務(wù)的實(shí)現(xiàn),感興趣的朋友一起看看吧2025-01-01
這篇文章主要介紹了Android 背景透明度設(shè)置總結(jié)，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，感興趣的的朋友參考下吧2017-06-06