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