更新记录

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:未测试 ×

原生插件通用使用流程:

  1. 购买插件,选择该插件绑定的项目。
  2. 在HBuilderX里找到项目,在manifest的app原生插件配置中勾选模块,如需要填写参数则参考插件作者的文档添加。
  3. 根据插件作者的提供的文档开发代码,在代码中引用插件,调用插件功能。
  4. 打包自定义基座,选择插件,得到自定义基座,然后运行时选择自定义基座,进行log输出测试。
  5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
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>

注意:编码完成后请打包自定义基座进行调试

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

作者未提供license.md

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问