vue项目调用企业微信扫码权限skd,js-sdk

企业微信移动端项目调用扫码定位功能实现,获取code采用vue来搭建本项目,如果需要调用企业微信js-sdk就需要给登录接口传code,code在index.html获取

            function getUrlParam(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象var r = window.location.search.substr(1).match(reg); //匹配目标参数window.localStorage.setItem('code', unescape(r[2]))if (r != null) return unescape(r[2]);return null; //返回参数值}getUrlParam('code')

获取完code后就要调用登录接口,把获取的code传进去后台会返回当前用户信息和token,存起来就好了

  let code = window.localStorage.getItem("code");singleSignOn({ code })

在登录接口返回值里需要注册企业微信sdk权限,也就是我们需要调用的api

  getSdk({token: token, //用户信息tokenurl: location.href.split("#")[0], //调用sdk需要当前url后面的路由字段}).then((res) => {wx.config({beta: true, // 必须这么写，否则wx.invoke调用形式的jsapi会有问题debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: res.appId, // 必填，企业微信的corpIDtimestamp: res.timestamp, // 必填，生成签名的时间戳nonceStr: res.nonceStr, // 必填，生成签名的随机串signature: res.signature, // 必填，签名，见附录1jsApiList: ["checkJsApi","startRecord","stopRecord","playVoice","pauseVoice","stopVoice","chooseImage","translateVoice","uploadVoice","invoke","getLocation","openLocation",],});wx.ready(() => {wx.checkJsApi({jsApiList: ["checkJsApi","startRecord","stopRecord","playVoice","pauseVoice","stopVoice","chooseImage","translateVoice","uploadVoice","invoke","getLocation","openLocation",], // 需要检测的JS接口列表，所有JS接口列表见附录2,success: function (res) {//alert("支持权限检查:"+JSON.stringify(res));},});});wx.error(function (res) {console.log(res,'invokeres')Notify({ type: "warning", message:'获取微信权限失败,请重新登陆' });// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。});});

接下来就可以实现一个扫码功能

       wx.scanQRCode({desc: "scanQRCode desc",needResult: 1, // 默认为0，扫描结果由企业微信处理，1则直接返回扫描结果，scanType: ["qrCode"], // 可以指定扫二维码还是条形码（一维码），默认二者都有success: (res) => {let resultStr = res.resultStr.split("=")[1]  //根据不同业务和扫码的本身信息处理,我们扫码是个网站所以需要截取,普通的只需要取res.resultStr就可以//扫码后的后续动作},error: (res) => {if (res.errMsg.indexOf("function_not_exist") > 0) {alert("版本过低请升级");}},});

vue项目调用企业微信扫码权限skd,js-sdk相关推荐

vue调用企业微信扫码接口
准备工作 -企业微信授权见企业微信官方网站:https://developer.work.weixin.qq.com/document/path/90513 前端 test01.vue 1. 引入j ...
VUE项目中的微信扫码登录
微信扫码登录功能首先了解微信扫码登录的流程和详解,详见微信扫码登录,这边仅是vue前端相关流程一.创建微信登录按钮及方法,配置相关参数 1.创建微信登录按钮 <!--微信授权登录按钮--&g ...
AbpVnext 扩展企业微信扫码登录（钉钉登陆、短信登陆、微信登陆等）Vue框架
目录 1.开始开发准备 1.1 企业微信扫码登陆接入流程 1.2 开启网页授权登陆 1.3 构造独立窗口登陆二维码 1.4 构造内嵌登陆二维码 @@登陆顺序: 1. 发现文档配置 2. 获取token ...
vue实现网页端企业微信扫码登录功能（前端部分）
时至今日,企业微信在企业日常工作中的使用越来越频繁也越来越重要,不少企业已使用企业微信进行着日常的工作安排管理.在这种背景下,各类系统和企业微信对接的需求也不断增加,今天要说的就是一个比较常见的需求 ...
Vue 实现企业微信扫码登录
前端 Vue 实现企业微信扫码登录需求:公司用的企业微信,PC 端的管理后台,想通过企业微信扫码登录.相比传统的账号密码方便很多. 企业微信扫码登录流程文档:(链接) 对于前端来说,重要的是如何构造 ...
微信官方你真的懂OAuth2？Spring Security OAuth2整合企业微信扫码登录
❝ 企业微信扫码登录DEMO参见文末. 现在很多企业都接入了企业微信,作为私域社群工具,企业微信开放了很多API,可以打通很多自有的应用.既然是应用,那肯定需要做登录.正好企业微信提供了企业微信扫码授 ...
网站上做企业微信扫码授权登录怎么做？(超详细教程）
企业微信已经搞了这一套完整的教程! https://developer.work.weixin.qq.com/tutorial/detail/56 第1步:企业微信自建应用第2步:浏览企业微信开发文 ...
企业微信H5_身份验证,PC网站企业微信扫码授权登录
企业微信H5_身份验证,PC网站企业微信扫码授权登录文章目录一.扫码登录配置 1. 企业微信扫码登录接入流程 2. 企业微信扫码登录接入流程拆解 3. 开启网页授权登录二.实战演练 2.1. 用 ...
网页端企业微信扫码登录及其cookie问题
这个问题折磨了我6个小时,太痛苦了,特此记录! 1:企业微信扫码登录 1:环境前端 vue 后端spring-gateWay+springboot 2:实现过程 1:前端生成二维码,回调地址直接写 ...
集成企业微信，企业微信扫码登录和企业微信容器内免密登录
项目上为了支持新的业务,扩展了通过企业微信扫码登录和通过企业微信容器内的直接访问应用服务的免密登录. 1.扫码登录企业微信以Userid作为企业内的用户身份唯一标识,集成接口可以参考官网文档: ht ...

vue项目调用企业微信扫码权限skd,js-sdk

企业微信移动端项目调用扫码定位功能实现,获取code采用vue来搭建本项目,如果需要调用企业微信js-sdk就需要给登录接口传code,code在index.html获取

获取完code后就要调用登录接口,把获取的code传进去后台会返回当前用户信息和token,存起来就好了

在登录接口返回值里需要注册企业微信sdk权限,也就是我们需要调用的api

接下来就可以实现一个扫码功能

vue项目调用企业微信扫码权限skd,js-sdk相关推荐

最新文章

热门文章