uniapp对接云闪付授权联登

参考文档云闪付小程序文档中心

步骤一：引入upsdk.js文件

接入方使用云闪付 APP 小程序前端 API 前，需在调用页面（必须为 https ）引入插件 upsdk.js 文件。
https://open.95516.com/s/open/js/upsdk.js

1. upsdk.js 请不要下载到本地，必须引用在线 js 文件；
2. VUE 等单页面框架请在 index.html中进行引用；

如果没有此文件就去manifest.json配置文件中Web配置选项中配置一下

步骤一：使用授权组件

此方法参考云闪付小程序Vue授权组件

1.引入vue-cup-ui组件

官网提供的此组件版本不支持unipp，会出现Error in v-on handler: "TypeError: Cannot read property 'id' of null"
图上使用的是已适配过uniapp的版本，需要此组件的可以去文章下面示例代码中获取

2.在mian.js中加载组件

import VueCupUi from 'vue-cup-ui';
import 'vue-cup-ui/lib/vue-cup-ui.css';
Vue.use(VueCupUi);

3.在需要用户授权的业务场景中引用 Button 组件。

<UPButton class="customBtn"
  @click="btnClick"
  :scope="scope"
  :style="{width:'70px',height:'30px',backgroundColor:'red'}"
>
  授权button
</UPButton>

UPButton组件会加粗字体

4.接收code

methods: {
  btnClick(event, err, result) {
    console.log(event, err, result)
    this.code = event.code
  }
}

示例代码
链接：https://pan.baidu.com/s/1S05o_agSrH4gl1MTkueSgQ
提取码：8bhg