近期华为AppGallary Connect的认证服务SDK新增支持了微信小程序。今天就来教大家如何在微信小程序中集成认证服务的邮箱地址认证方式

1、安装微信小程序环境

首先进入微信小程序官网下载微信开发者工具(根据自己需要下载):

​https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html​

2、在AGC页面开通认证服务,具体创建与配置骤可以参考认证服务官方文档:​​https://developer.huawei.com/consumer/cn/doc/development/AppGallery-connect-Guides/agc-auth-android-getstarted-0000001053053922​

3、创建微信小程序工程

如何在微信小程序中集成认证服务—邮箱地址篇_微信小程序

点击“+”号添加新的工程

如何在微信小程序中集成认证服务—邮箱地址篇_配置文件_02

输入项目信息即可,这里我们不需要用到微信的云服务,所以选择不使用云服务

4、集成认证服务SDK

输入指令将认证服务sdk下载到项目中

如何在微信小程序中集成认证服务—邮箱地址篇_配置文件_03

当出现以上提示时输入命令

npm install @agconnect/auth

5、添加配置文件

在应用启动的时候添加agconnect.instance().configInstance(),将配置文件的json代码块加入到入参中。

6、接入功能

   6.1获取验证码:

function getEmailVerifyCode(account: string, sendInterval = 30) {

return agconnect.auth.EmailAuthProvider.requestVerifyCode(account, agconnect.auth.Action.ACTION_REGISTER_LOGIN, 'zh_CN', sendInterval,)

.then((res: any) => {

console.log('getEmailVerifyCode res:', res);

return Promise.resolve(res);

}).catch((err: any) => {

console.log('getEmailVerifyCode err:', err);

return Promise.reject(err);

});

}

6.2注册新用户

function createEmailUser(account: string, password: string, verifyCode: string) {

return agconnect.auth().createEmailUser(new agconnect.auth.EmailUser(account, password, verifyCode))

.then((res: any) => {

console.log('createEmailUser res:', res);

return Promise.resolve(res);

}).catch((err: any) => {

console.log('createEmailUser err:', err);

return Promise.reject(err);

});

}

6.3登录

function loginWithEmail(account: string, password: string, verifyCode?: string) {

let credential;

if (verifyCode) {

credential = agconnect.auth.EmailAuthProvider.credentialWithVerifyCode(account, password, verifyCode);

} else {

credential = agconnect.auth.EmailAuthProvider.credentialWithPassword(account, password);

}

if (!credential) {

return Promise.reject('credential is undefined');

}

return login(credential);

}

以上我们就成功接入了微信小程序版本认证服务中的邮箱地址认证。如果觉得简单那就赶快行动起来试试吧。