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


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 相关文章推荐
JS继承 笔记
Jul 13 Javascript
2种jQuery 实现刮刮卡效果
Feb 01 Javascript
jQuery插件pagination实现分页特效
Apr 12 Javascript
在线所见即所得HTML编辑器的实现原理浅析
Apr 25 Javascript
jquery获取所有选中的checkbox实现代码
May 26 Javascript
完美实现八种js焦点轮播图(下篇)
Apr 20 Javascript
ES6教程之for循环和Map,Set用法分析
Apr 10 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
Aug 28 Javascript
jQuery自动或手动图片切换效果
Oct 11 jQuery
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
JavaScript实现的文本框placeholder提示文字功能示例
Jul 25 Javascript
webpack4 SplitChunks实现代码分隔详解
May 23 Javascript
详谈表单格式化插件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
PHP的基本常识小结
2013/07/05 PHP
关于php内存不够用的快速解决方法
2013/10/26 PHP
PHP实现时间日期友好显示实现代码
2019/09/08 PHP
JS是否可以跨文件同时控制多个iframe页面的应用技巧
2007/12/16 Javascript
JQuery+JS实现仿百度搜索结果中关键字变色效果
2011/08/02 Javascript
jquery遍历checkbox介绍
2014/02/21 Javascript
jQuery实现级联菜单效果(仿淘宝首页菜单动画)
2014/04/10 Javascript
javascript中加号(+)操作符的一些神奇作用
2014/06/06 Javascript
JSON取值前判断
2014/12/23 Javascript
Javascript核心读书有感之词法结构
2015/02/01 Javascript
深入理解JavaScript系列(44):设计模式之桥接模式详解
2015/03/04 Javascript
jquery表单对象属性过滤选择器实例分析
2015/05/18 Javascript
JS验证IP,子网掩码,网关和MAC的方法
2015/07/02 Javascript
Bootstrap3制作搜索框样式的方法
2016/07/11 Javascript
window.open打开窗口被拦截的快速解决方法
2016/08/04 Javascript
Vue Ajax跨域请求实例详解
2017/06/20 Javascript
原生js封装运动框架的示例讲解
2017/10/01 Javascript
Vue完整项目构建(进阶篇)
2018/02/10 Javascript
vue2.0获取鼠标位置的方法
2018/09/13 Javascript
javascript实现视频弹幕效果(两个版本)
2019/11/28 Javascript
Vue 401配合Vuex防止多次弹框的案例
2020/11/11 Javascript
原生js实现自定义消息提示框
2020/11/19 Javascript
12步入门Python中的decorator装饰器使用方法
2016/06/20 Python
python虚拟环境模块venv使用及示例
2020/03/04 Python
HTML5 script元素async、defer异步加载使用介绍
2013/08/23 HTML / CSS
HomeAway的巴西品牌:Alugue Temporada
2018/04/10 全球购物
6PM官网:折扣鞋、服装及配饰
2018/08/03 全球购物
经济实惠的名牌太阳镜和眼镜:Privé Revaux
2021/02/07 全球购物
初中三年学生的学习自我评价
2013/11/13 职场文书
员工培训心得体会
2013/12/30 职场文书
检察官就职演讲稿
2014/01/13 职场文书
财务负责人任命书
2014/06/06 职场文书
学历证明范文
2015/06/16 职场文书
vue组件的路由高亮问题解决方法
2021/05/11 Vue.js
SQL Server一个字符串拆分多行显示或者多行数据合并成一个字符串
2022/05/25 SQL Server
Win11自动黑屏怎么办 Win11自动黑屏设置教程
2022/07/15 数码科技