微信小程序 获取二维码实例详解


Posted in Javascript onJune 23, 2017

 微信小程序 获取二维码实例详解

理论:

接口A: 适用于需要的码数量较少的业务场景 接口地址:(永久有效,数量有限,进入path对应的页面)

https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN
  path  String   不能为空,最大长度 128 字节
  width  Int   430(默认)   二维码的宽度
  auto_color 。。
  line_color 。。

接口B:适用于需要的码数量极多,或仅临时使用的业务场景(永久有效,数量暂无限制,将统一打开首页)

http://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=ACCESS_TOKEN
  scene  String 最大32个可见字符
  width  Int   430(默认)   二维码的宽度
//开发者需在首页根据获取的码中 scene 字段的值,再做处理逻辑。如下示例
Page({
 onLoad: function(options) {
  var scene = options.scene
 }
})

接口C:适用于需要的码数量较少的业务场景(永久有效,数量有限,进入path对应的页面)

https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=ACCESS_TOKEN
  path  String   不能为空,最大长度 128 字节
  width  Int   430(默认)   二维码的宽度

Bug & Tip

tip:调用接口,POST传参。
  tip:通过该接口,仅能生成已发布的小程序的二维码。
  tip:可以在开发者工具预览时生成开发版的带参二维码。
  tip:接口A加上接口C,总共生成的码数量限制为100,000,请谨慎调用。
  tip: POST 参数需要转成 json 字符串,不支持 form 表单提交。
  tip: auto_color line_color 参数仅对小程序码生效。

代码

1.接口需要access_token,access_token是公众号的全局唯一接口调用凭据。

2.access_token的存储至少要保留512个字符空间。

3.access_token的有效期目前为2个小时,需定时刷新,重复获取将导致上次获取的access_token失效。

wx.request({
 // 获取token
 url: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential',
 data: {
  appid: '***',
  secret: '***'
 },
 success(res) {
  wx.request({
   // 调用接口C
   url: 'https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=' + res.data.access_token,
   method: 'POST',
   data: {
    "path": "pages/meiTuan/meiTuan",
    "width": 430
   },
   success(res) {
    // res是二进制流,后台获取后,直接保存为图片,然后将图片返回给前台
    // 后台二进制怎么转图片?我也不会后台,学会了再贴代码
   }
  })
 }
})

 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
prototype1.4中文手册
Sep 22 Javascript
JS判断不能为空实例代码
Nov 26 Javascript
jquery获取当前点击对象的value方法
Feb 28 Javascript
jQuery内部原理和实现方式浅析
Feb 03 Javascript
js实现图片漂浮效果的方法
Mar 02 Javascript
JS给Textarea文本框添加行号的方法
Aug 20 Javascript
删除table表格行的实例讲解
Sep 21 Javascript
Vue官方文档梳理之全局配置
Nov 22 Javascript
js实现固定区域内的不重叠随机圆
Oct 24 Javascript
jQuery实现聊天对话框
Feb 08 jQuery
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
Feb 14 Javascript
深入了解Vue3模板编译原理
Nov 19 Vue.js
详谈表单格式化插件jquery.serializeJSON
Jun 23 #jQuery
angularJs的ng-class切换class
Jun 23 #Javascript
关于使用js算总价的问题
Jun 23 #Javascript
angular select 默认值设置方法
Jun 23 #Javascript
获取当前按钮或者html的ID名称实例(推荐)
Jun 23 #Javascript
小发现之浅谈location.search与location.hash的问题
Jun 23 #Javascript
微信JS SDK接入的几点注意事项(必看篇)
Jun 23 #Javascript
You might like
[原创]ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法
2015/10/10 PHP
PHP 7.4中使用预加载的方法详解
2019/07/08 PHP
SlideView 图片滑动(扩展/收缩)展示效果
2010/08/01 Javascript
js封装的textarea操作方法集合(兼容很好)
2010/11/16 Javascript
一个JQuery写的点击上下滚动的小例子
2011/08/27 Javascript
js实现图片轮换效果代码
2013/04/16 Javascript
JavaScript打印iframe内容示例代码
2013/08/20 Javascript
js/jquery去掉空格,回车,换行示例代码
2013/11/05 Javascript
js鼠标悬浮出现遮罩层的方法
2015/01/28 Javascript
Asp.Net之JS生成分页条的方法
2016/11/23 Javascript
jQuery实现checkbox列表的全选、反选功能
2016/11/24 Javascript
完美解决input[type=number]无法显示非数字字符的问题
2017/02/28 Javascript
详解Angular调试技巧之报错404(not found)
2018/01/31 Javascript
setTimeout时间设置为0详细解析
2018/03/13 Javascript
mpvue性能优化实战技巧(小结)
2019/04/17 Javascript
JavaScript如何获取一个元素的样式信息
2019/07/29 Javascript
Vue 通过公共字段,拼接两个对象数组的实例
2019/11/07 Javascript
[02:46]完美世界DOTA2联赛PWL DAY4集锦
2020/11/03 DOTA
Python中的os.path路径模块中的操作方法总结
2016/07/07 Python
Python实现生成随机日期字符串的方法示例
2017/12/25 Python
解决Pycharm无法import自己安装的第三方module问题
2018/05/18 Python
Sanic框架路由用法实例分析
2018/07/16 Python
Python单向链表和双向链表原理与用法实例详解
2018/08/31 Python
用python3教你任意Html主内容提取功能
2018/11/05 Python
windows下python虚拟环境virtualenv安装和使用详解
2019/07/16 Python
python计算n的阶乘的方法代码
2019/10/25 Python
python中pyqtgraph知识点总结
2021/01/26 Python
html5实现移动端适配完美写法
2017/11/16 HTML / CSS
使用placeholder属性设置input文本框的提示信息
2020/02/19 HTML / CSS
英国手机零售商:Carphone Warehouse
2018/06/06 全球购物
美国隐形眼镜零售商:LensPure
2019/03/10 全球购物
双拥工作宣传标语
2014/06/26 职场文书
大学课外活动总结
2014/07/09 职场文书
2015年重阳节慰问信
2015/03/23 职场文书
大学校园餐饮创业计划书
2019/08/07 职场文书
深入理解mysql事务隔离级别和存储引擎
2022/04/12 MySQL