更新记录

1.0.0(2021-04-19) 下载此版本

发布微信授权登录二维码展示窗口,申请微信公众号并开放相关功能后,可以通过这个组件展示二维码


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

微信授权登录二维码窗口

<fh-wx-QRCode-window>是一个用于对接微信授权登录展示微信二维码的组件。将微信扫码页面封装到组件里,根据需要调整样式,提供授权二维码扫描。使用前需要申请微信公众号并且开放相关能力,文档可参考微信公众平台开发

平台差异

当前仅支持APP和H5

安装方式

本组件符合easycom规范,通过使用HBuilderX导入插件或者下载插件ZIP,将解压出fh-wx-QRCode-window文件夹放到components目录下。

API

Props

属性名 类型 可选值 默认值 说明
appId String - '' 申请的微信公众号appId
redirectUrl String - '' 授权回调域名
options Object - '' 组件各项配置,options.qrCodeStyle是窗口样式

Event

事件名 返回参数 说明
getUserInfoByState {appId,redirectUrl,state} 轮巡调用,用于可获取二维码状态

基本用法

<template>
    <fh-wx-QRCode-window
        @getUserInfoByState="getUserInfoByState"
        :redirectUrl="redirectUrl"
        :appId="appId"
        :sourceCode="sourceCode"
        :options="options"
    ></fh-wx-QRCode-window>
</template>
<script>
export default {
    data() {
        return {
            appId: '',
            sourceCode: '',
            redirectUrl: '',
            options: {
                qrCodeStyle:''
            }
        }
    },
    methods: {
        getUserInfoByState: function({appId,redirectUrl,state}){}
    }
}
</script>

隐私、权限声明

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

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

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

许可协议

MIT协议

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