精选文章 vue中jssdk实现扫描二维码方法

vue中jssdk实现扫描二维码方法

作者:焚情使者 时间: 2020-07-28 11:52:36
焚情使者 2020-07-28 11:52:36

# 用npm下载微信jssdk:npm install weixin-js-sdk --S

## 在src下新建一个utils,在utils中新建一个wx.js

import axios from '../plugins/axios'
import api from "../config/api.js";
export default function wxConfig () {
  axios({
    url: api.GetJssdkConfig,//接口地址
    method: 'post',
    data: {
      url: window.location.href.split('#')[0],
    }
  }).then(res => {
    if (res.data.state == 1) {
      wx.config({
        debug: false,// 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
        appId: res.data.data.appId,// 必填,公众号的唯一标识
        timestamp: res.data.data.timestamp,// 必填,公众号的唯一标识
        nonceStr: res.data.data.nonceStr,// 必填,生成签名的随机串
        signature: res.data.data.signature,// 必填,签名
        jsApiList: ["scanQRCode"]// 必填,需要使用的JS接口列表
      })
      wx.error(err => console.log(err))
      wx.ready(() => {
        wx.checkJsApi({
          jsApiList: ["scanQRCode"],
          success: res => {
            console.log(res);
            if (res.checkResult.indexOf("scanQRCode") != -1) {
              console.log("1");
            }
          }
        });
      });
    }
  })
}

### 在全局main.js中引入 import wx from "./utils/wx.js";

#### 在全局main.js中创建实例 Vue.prototype.$wxConfig = wx;

##### 注意:(此前确保你安装了axios,和封装了api)

 

勿删,copyright占位
分享文章到微博
分享文章到朋友圈

上一篇:redhat8 IP地址设置

下一篇:IIS 部署 .net core 疑是跨域问题

您可能感兴趣

  • 为什么美国程序员不用加班,而中国程序员就只能996?

    点击上方蓝色小字,关注“涛哥聊Python” 重磅干货,第一时间送达 梅宁航 发自 凹非寺 量子位 报道 | 公众号 QbitA 作者系网易新闻·网易号“各有态度”签约作者 按惯例,先问是不是,再问为什么。 从知乎回答浏览量看,是的。 那么为什么美国程序员就可以到点下班回家,而中国程序员就要每天“主动”、“无偿”加班呢? 仔细看了群众们热情的回答之后,大概可以分为几派: 1、产品经理不够通情...

  • 410 页国内最畅销的 Linux 电子书,附下载!

    《Linux就该这么学》 大家应该已经对这本书非常熟悉了~向往开源的我们现在全面向大家开放提供这本书针对 RHEL7 版本编写的电子版!可以轻松在平板或是手机上阅读,省去了带着到处纸质版书书籍的烦恼~ 作者刘遄与Linus Torvald合影 IT 行业内的技术书籍每年销售1万册即是畅销图书,而《Linux 就该这么学》2019全年销量顺利破十万册!算是国内 IT 书籍的一个小里程碑啦。即便...

  • scikit-learn, tensorflow, pytorch真的只需要查下API,不需要学吗?

    链接:https://www.zhihu.com/question/403870382/answer/1316762694 编辑:深度学习与计算机视觉 声明:仅做学术分享,侵删 经常看到一些人说: "scikit-learn, tensorflow, pytorch等库要用到的时候查一下API即可, 不需要学的." 比如:现在tensorflow和mxnet很火,是否还有必要学习scikit...

  • JAVA面试(全)

    Java 八大基本数据类型 八大基本类型 Byte,short,long,int,double,float,boolean,char 占用大小及其长度 数据类型 空间(字节B) 取值范围 byte 1 -2^7 ~ 2^7-1 short 2 -2^15~ 2^15-1 char 2 0 ~ 2^16-1 char无需符号位 int 4 -2^31 ~ 2^31-1 float 4 -2^3...

  • OpenGL学习笔记9-Camera

    Camera Getting-started/Camera 在前一章中,我们讨论了视图矩阵以及如何使用视图矩阵在场景中移动(我们稍微向后移动了一点)。OpenGL本身并不熟悉相机的概念,但我们可以通过逆向移动场景中的所有对象来模拟相机,给人一种我们正在移动的错觉 在本章中,我们将讨论如何在OpenGL中设置一个摄像头。我们将讨论一个飞行风格的相机,允许你在一个3D场景中自由移动。我们还将讨论...

  • 人工智能那么火~如今AI的应用场景都有哪些?

    作者:新智元 链接:https://www.zhihu.com/question/282715644/answer/1329782546 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 【未来5年AI应用报告】谷歌、DeepMind、英伟达科学家支招企业AI应用 ReWork的一份最新AI落地应用报告,阐述了企业该如何使用AI技术。谷歌的Ian GoodFe...

  • 复杂是技术系统根本属性:为什么代码会变得难以维护

    欢迎关注公众号【IT徐胖子】获取更多互联网和技术干货,感谢各位支持 1 遗留代码 程序员应该都有这样的经历,当接手一份遗留代码时会为此感到苦恼。不仅代码复杂和嵌套结构令人迷惑,而且没有文档和架构图更让人无从维护。当代码维护性几乎为零时,能采用的技术方案只有重构,说白了就是重写。 这种情况到底是必然发生,还是仅仅是因为代码不规范导致的?我们先不着急给出答案,这里为大家介绍一本书:《为什么需要生...

  • 如何28天完成等级保护测评全流程?

    目前数字经济建设浪潮一浪高过一浪,与此同时我国的网络安全法也逐渐得到普及,支撑网络安全法的网络安全等级保护相关标准规范也不断更新和完善。 落实网络安全等级保护制度是网络运营者(指网络的所有者、管理者和网络服务提供者)的责任与义务。通常情况,无论是在建或已运行的系统,完成一次等级保护测评的全流程需要2-3个月时间,有的需要半年甚至超过1年的也不在少数。 以北京为例,等级保护备案阶段:申请与受理...

华为云40多款云服务产品0元试用活动

免费套餐,马上领取!
CSDN

CSDN

中国开发者社区CSDN (Chinese Software Developer Network) 创立于1999年,致力为中国开发者提供知识传播、在线学习、职业发展等全生命周期服务。