更新记录
2.0.1(2023-07-11) 下载此版本
优化插件,不需要再写销毁操作。
2.0.0(2023-05-17) 下载此版本
修改了不能重复调用的bug
1.0.1(2023-05-10) 下载此版本
简易版安卓端微信扫码登录
查看更多平台兼容性
Android | Android CPU类型 | iOS |
---|---|---|
适用版本区间:4.4 - 11.0 | armeabi-v7a:未测试,arm64-v8a:未测试,x86:未测试 | × |
原生插件通用使用流程:
- 购买插件,选择该插件绑定的项目。
- 在HBuilderX里找到项目,在manifest的app原生插件配置中勾选模块,如需要填写参数则参考插件作者的文档添加。
- 根据插件作者的提供的文档开发代码,在代码中引用插件,调用插件功能。
- 打包自定义基座,选择插件,得到自定义基座,然后运行时选择自定义基座,进行log输出测试。
- 开发完毕后正式云打包
付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios
注意事项:使用HBuilderX2.7.14以下版本,如果同一插件且同一appid下购买并绑定了多个包名,提交云打包界面提示包名绑定不一致时,需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择
简易版安卓端微信扫码登录
该插件主要针对安卓系统中的移动应用,实现微信扫码登录。
参考文档
使用示例
<template>
<view class="content">
<view class="text-area">
<text class="title">{{title}}</text>
</view>
<button @click="testScan">生成二维码</button>
<image :src="qrcode" style="width: 400rpx;height: 400rpx;"></image>
</view>
</template>
<script>
const djyWxScanLogin = uni.requireNativePlugin('djyplugin-wxscanlogin_DjyWxScanLogin')
export default {
data() {
return {
title: 'Hello world',
qrcode: '',
}
},
onLoad() {
// 下面的监听事件都写在onLoad里面(只写一次监听即可)
// 监听获取二维码事件
plus.globalEvent.addEventListener('onAuthGotQrcode', (data) => {
console.log('onAuthGotQrcode')
console.log(data)
//data.qrcode即为二维码base64数据,该base64数据中存在换行符,需要删除掉。
this.qrcode = data.qrcode.replace(/[\r\n]/g, "")
})
// 监听扫码事件,用户扫码的时候执行
plus.globalEvent.addEventListener('onQrcodeScanned', (data) => {
console.log('onQrcodeScanned')
console.log(data)
})
// 扫码确认或认证结束时执行。
plus.globalEvent.addEventListener('onAuthFinish', async (data) => {
console.log('onAuthFinish')
console.log(data)
/* 发生错误的时候authCode不存在,需要自行判断是否存在authCode。
若发生错误,请检查appId, scope, noncestr, timestamp, signature
这些参数是否正确。(必须按照官方文档生成签名)
*/
if (data.authCode) {
this.doLogin(data.authCode)
} else {
uni.showToast({
'icon': 'none',
title: '获取二维码失败'
})
}
})
},
methods: {
doLogin(code) {
// 调用您自己业务的后端登录接口
},
testScan() {
//先访问后端接口获取参数 appId, scope, noncestr, timestamp, signature。
uni.request({
method: 'GET',
url: 'http://192.168.0.112:8080/wx/api/user/getAuthInfo',
success: (res) => {
console.log(JSON.stringify(res.data.data))
let data = res.data.data
let appId = data.appId;
let scope = data.scope;
let noncestr = data.noncestr;
let timestamp = data.timestamp;
let signature = data.signature;
djyWxScanLogin.doAuth(appId, scope, noncestr, timestamp, signature, (data) => {
console.log(data)
})
},
complete: (res) => {
},
fail: (err) => {
console.error(JSON.stringify(res))
},
})
}
}
}
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>