企业微信引入微信api扫一扫（vue）【h5页面调用微信jssdk】

引入(两种方式)

(1)第一种方式

(2)第二种方式

用npm

import wx from 'weixin-js-sdk'

1.注册

首先请求后台，拿到注册参数，下面的第一行代码 data 为后台返回值

【配置wx.config，其中appId、timestamp、nonceStr、signature都是由后台生成】

let data ={}  //data为后台返回值wx.config({beta: true, // 必须这么写，否则wx.invoke调用形式的jsapi会有问题debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: data.corpId, // 必填，企业微信的corpIDtimestamp: data.timestamp, // 必填，生成签名的时间戳nonceStr: data.noncestr, // 必填，生成签名的随机串signature: data.signature, // 必填，签名，见 附录-JS-SDK使用权限签名算法jsApiList: ["chooseImage", "invoke"] // 必填，需要使用的JS接口列表，凡是要调用的接口都需要传进来
});
/*wx.ready(function () {wx.checkJsApi({jsApiList: ["invoke", "scanQRCode"], // 需要检测的JS接口列表，所有JS接口列表见附录2,success: function (ress) {// 以键值对的形式返回，可用的api值true，不可用为false// 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}}});
});*/
wx.error(function (res) {console.log("错误：" + JSON.stringify(res));
});

2. 使用

在需要的地方调以下方法打开扫一扫

function scanCode() {wx.ready(() => {wx.checkJsApi({jsApiList: ["invoke", "scanQRCode"], // 需要检测的JS接口列表，所有JS接口列表见附录2,success: res => {// 以键值对的形式返回，可用的api值true，不可用为false// 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}}});wx.invoke("enterpriseVerify", {}, res => {// alert(JSON.stringify(res));});wx.scanQRCode({desc: "scanQRCode desc",needResult: 1, // 默认为0，扫描结果由企业微信处理，1则直接返回扫描结果，scanType: ["qrCode"], // 可以指定扫二维码还是条形码（一维码），默认二者都有success: res => {let data = JSON.parse(res.resultStr);//扫码后的后续动作},error: res => {if (res.errMsg.indexOf("function_not_exist") > 0) {alert("版本过低请升级");}}});});
}

企业微信引入微信api扫一扫（vue）【h5页面调用微信jssdk】相关推荐

H5页面调用微信支付
1.H5页面使用微信支付,首先需要注册微信公众号,在设置与开发>公众号设置>功能设置中配置业务域名.JS接口安全域名.网页授权域名.支付功能页面需在此域名链接下的页面. 2.加入域名后,就 ...
公众号开发-移动端h5页面调用微信扫一扫
前言: 大家好,我是前端小陈.今天为大家讲一下微信公众号开发,调用微信的JSSDK的案例. 前不久,接到这么一个需求:在H5网页实现扫一扫功能. 要求:微信端以及浏览器均可以实现扫一扫功能,而且不能 ...
微信小程序webview(H5页面)调用微信小程序支付
1.业务描述:微信小程序商城入口进入的页面是商城H5页面,在H5页面进行微信支付如何实现: 2.微信小程序(webview访问H5页面)必须使用微信小程序支付: 如何实现以及实现方式以及支付后页面返回 ...
HTML——微信浏览器H5页面调用微信扫一扫
使用JS-SDK调用微信扫一扫,需要有公众号支持,通过公众号生成JS-SDK使用权限签名.本文直接调用已封装好的接口来获取随机数(noncestr).时间戳(timestamp).签名(signatu ...
vue H5页面制作微信公众号前期准备
首先vue项目的搭建过程就不说了接下来进入正题最重要的是配置成手机端页面也就是h5页面: vue项目中在index.html中配置 <meta name="viewport&quo ...
iOS H5页面调用微信或者支付宝进行支付
一说支付,大多数人都会理解支付方式是下载微信和支付宝SDK进行支付,但是其实还有其他的方式,就是H5调用系统支付宝和微信进行支付. H5支付可能很多人认为是加载完页面剩下的就是页面完成即可,但是实际没 ...
微信公众号页面支付接口java,[Java教程]微信公众号支付（三）：页面调用微信支付JS并完成支付...
[Java教程]微信公众号支付(三):页面调用微信支付JS并完成支付 0 2015-09-15 15:00:30 一.调用微信的JS文件 1.首先要绑定[JS接口安全域名],"公众号设置&q ...
微信公众号H5页面开发--微信JS-SDK引用
微信公众号H5页面开发–微信JS-SDK引用微信提供了微信公众号开发者手册,官方地址:https://mp.weixin.qq.com/ 公众号内许多复杂的业务场景,都是通过网页形式来提供服务,这时 ...
微信h5页面调用第三方位置导航
微信h5页面拉起第三方导航应用需要准备的: 通过微信认证的公众号有备案过的域名背景:微信公众号点击菜单栏跳到h5页面,需要用到导航功能需求:当用户点击导航按钮时,跳转到第三方app进行导航参 ...

企业微信引入微信api扫一扫（vue）【h5页面调用微信jssdk】

企业微信引入微信api扫一扫（vue）【h5页面调用微信jssdk】相关推荐

最新文章

热门文章

企业微信 引入微信api扫一扫（vue）【h5页面调用微信jssdk】

企业微信 引入微信api扫一扫（vue）【h5页面调用微信jssdk】相关推荐

最新文章

热门文章

企业微信引入微信api扫一扫（vue）【h5页面调用微信jssdk】

企业微信引入微信api扫一扫（vue）【h5页面调用微信jssdk】相关推荐