收藏
评论

天翼账号登录框小程序插件

小程序插件登录框接入指南

一、引入插件

在app.json中添加如下配置项

"plugins": {
  "myPlugin": {
    "version": "版本号",
    "provider": "wx8a1812cf574c9075"
  }
}

版本号填写需要使用的版本

二、添加登录页面

在小程序中新建一个page,下面假设新建的页面名称为login
在login.json添加如下配置项

{
  "usingComponents": {
    "login": "plugin://myPlugin/login"
  }
}

在login.wxml中添加以下内容

<view>
  <login appKey="appId" bind:loginSuccess="loginSuccess">
  </login>
</view>

其中appKey填入天翼账号应用id,loginSuccess为登录成功的回调函数

三、实现登录成功的回调逻辑

loginSuccess: function (event) {
    let appId = event.detail.appId;
    let paras = event.detail.paras;
    let sign = event.detail.sign;
  }

在回调函数内获得appId、paras及sign三个参数,接入方需将这个三个参数提交给接入方后台服务,由后台服务换取code,具体处理可参考天翼账号web/wap的接入方式。
完成登录后可离开登录页面。

四、使用插件

在插件页面,输入11位大陆手机号码(例如18138726704),如图所示:

点击获取验证码按钮,注:只有正确输入手机号码时候才能点击哦( ^∀^)

稍等一会儿,短信已经发送到刚刚输入的手机喽!

最后,输入刚刚收到的6位验证码,点击登录,就可以登录成功喽!


赞 1
收藏
登录 后发表内容