Vue公众号开发调用微信扫一扫接口实现扫码功能(JSSDK)

1、安装、引用微信js-sdk

  • #通过yarn安装  yarn add  weixin-js-sdk
  • #通过npm安装  npm i weixin-js-sdk
  • 项目中的引用  import wx from 'weixin-js-sdk'

2、调用sign接口传入当前环境的url、公众号签名信息

Vue公众号开发调用微信扫一扫接口实现扫码功能(JSSDK)_第1张图片

3、methods(数据处理)

  • wx.scanQRCode  调用微信的扫一扫接口(官方文档地址可查看参数介绍)
  • needResult  默认为0,扫描结果由微信处理,1则直接返回扫描结果(根据自己的项目需求)
  • resultStr  二维码中携带的参数  (needResult为1时,扫码返回结果)
  • 处理扫码后的参数并赋值,调用项目中的接口跳转页面等操作(根据自己的项目需要)

Vue公众号开发调用微信扫一扫接口实现扫码功能(JSSDK)_第2张图片

你可能感兴趣的:(Vue,前端开发,微信公众号,小程序)