更新记录
1.0.0(2021-04-19)
下载此版本
发布微信授权登录二维码展示窗口,申请微信公众号并开放相关功能后,可以通过这个组件展示二维码
平台兼容性
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>