【微信公众号】微信扫一扫，条形码/一维码，二维码功能解析

微信公众号开发者文档：概述 | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#49

api.js

getSignatureInfo: (params) => fetch({url: '/management-system/api/v1/wechat/signature',params,method: 'post',}),

wx-tool.js

import wx from 'weixin-js-sdk';
import api from '@/api';class WxTool {constructor() {console.log('WxTool init');}static getInstance() {if (!WxTool.instance) {WxTool.instance = new WxTool();}return WxTool.instance;}static async initConfig() {console.log('initConfig', {url: window.configUrl,source: localStorage.getItem('defaultSource'),});await api.getSignatureInfo({url: window.configUrl,source: 1301110201,}).then((res) => {const {appId, timestamp, nonceStr, signature,} = res.data;console.log(res)wx.config({// debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId, // 必填，公众号的唯一标识timestamp, // 必填，生成签名的时间戳nonceStr, // 必填，生成签名的随机串signature, // 必填，签名jsApiList: ['chooseImage','uploadImage','getLocalImgData','getLocation','scanQRCode','chooseLocation','updateAppMessageShareData','updateTimelineShareData',], // 必填，需要使用的JS接口列表});});}
async openScanARCode() {await WxTool.initConfig()wx.ready(() => {console.log(99)wx.scanQRCode({needResult: 1,scanType: ['qrCode', 'barCode'],success: function (res) {console.log(res) // 返回扫码结果，用逗号隔开，截取一下就可以取到},fail: function(err){console.log(err)}})})}
}

<button class="btn_apply" @click="openscan">扫码</button>methods:{openscan() {const instance = WxTool.getInstance();instance.openScanARCode()}
}

【微信公众号】微信扫一扫，条形码/一维码，二维码功能解析相关推荐

微信公众号开发（十）——扫描带参数二维码事件
我们通过微信扫码二维码已经是十分频繁的操作了,为了满足用户渠道推广分析和用户帐号绑定等场景的需要,微信公众平台提供了创建带参数二维码的接口,通过产生的ticket,去获取二维码图片.当用户扫描这个二维 ...
实例：用C#.NET手把手教你做微信公众号开发（11）--生成带参数二维码
上一篇讲了普通关注的各种情景,接下来准备详细讲解带参数的二维码的应用实例.在下一篇详解之前,这里先介绍一下如何下载二维码.生成二维码表,为后续的应用做好准备. 为了满足用户渠道推广分析和用户帐号绑定等 ...
视频教程-微信公众平台深度开发v2.0第3季——二维码、模板消息-微信开发
微信公众平台深度开发v2.0第3季--二维码.模板消息微信企业号星级会员.10多年软件从业经历,国家级软件项目负责人,主要从事软件研发.软件企业员工技能培训.已经取得计算机技术与软件资格考试(软考) ...
如何编辑微信公众号(微信公众号内容制作流程)
如何编辑微信公众号(微信公众号内容制作流程) 一.关于申请事项的常见问题概述 1 .注册要花钱吗? 微信官方账号注册完全免费. 微信官方账号唯一需要交钱的地方就是年度认证费.作为个人账户,目前没有认证 ...
自动获取微信公众号微信文章信息(每日自动推送)
自动获取微信公众号微信文章信息目录前言一.获取文章列表二.自动化获取微信公众号cookie 1.影刀自动登录微信 2.获取公众号cookie 1.安装mitmproxy 2.配合切换代理脚本, ...
微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ
微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ 一.获取用户信息 1.首先我们需要了解什么是微信用户的OpenID 在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID(加密 ...
PHP curl模拟表单上传文件微信公众号素材管理接口crul文件上传核心源码
PHP curl模拟表单上传文件微信公众号素材管理接口crul文件上传核心源码 /*** curl 上传文件* @param $url* @param $filePath* @param stri ...
IOS 调用微信扫码二维码
一.微信已发展成一个庞大的生态系统,是生活.社交不可缺少的优秀产品.ios 开发中时常需要调用相关微信功能,扫码二维码等 1.info.plist 添加白名单 ***LSApplicationQuer ...
python微信库有哪些_GitHub - zwczou/weixin-python: 微信SDK - 包括微信支付,微信公众号,微信登陆,微信消息处理等...
微信SDK 提供微信登陆,公众号管理,微信支付,微信消息的全套功能文档目录如果需要单独使用其中的某些模块,可以见文档目录的具体模块如果需要组合在一起可以参考快速开始目录安装使用pip su ...
h5 实现扫码二维码及条形码（js多种实现方式）
方式一. 只识别二维码实现方式一 jsQR 个人预览页面网址只扫码二维码 GitHub jsQR inde.html <!DOCTYPE html> <html><he ...

【微信公众号】微信扫一扫，条形码/一维码，二维码功能解析

【微信公众号】微信扫一扫，条形码/一维码，二维码功能解析相关推荐

最新文章

热门文章