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


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 相关文章推荐
从javascript语言本身谈项目实战
Dec 27 Javascript
一个刚完成的layout(拖动流畅,不受iframe影响)
Aug 17 Javascript
JS 实现完美include载入实现代码
Aug 05 Javascript
Javascript拓展String方法小结
Jul 08 Javascript
js的toUpperCase方法用法实例
Jan 27 Javascript
JQuery中extend的用法实例分析
Feb 08 Javascript
浅析jQuery中使用$所引发的问题
May 29 Javascript
Angular 5.x 学习笔记之Router(路由)应用
Apr 08 Javascript
详解如何在nuxt中添加proxyTable代理
Aug 10 Javascript
Vue slot用法(小结)
Oct 22 Javascript
详解Vue-Router源码分析路由实现原理
May 15 Javascript
对layui中table组件工具栏的使用详解
Sep 19 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&&mysql)六
2006/10/09 PHP
PHP 事务处理数据实现代码
2010/05/13 PHP
php防注入及开发安全详细解析
2013/08/09 PHP
CodeIgniter与PHP5.6的兼容问题
2015/07/16 PHP
laradock环境docker-compose操作详解
2019/07/29 PHP
jQuery库与其他JS库冲突的解决办法
2010/02/07 Javascript
js禁止document element对象选中文本实现代码
2013/03/21 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
js表单元素checked、radio被选中的几种方法(详解)
2016/08/22 Javascript
分享一道关于闭包、bind和this的面试题
2017/02/20 Javascript
js制作简单的音乐播放器的示例代码
2017/08/28 Javascript
vue 解决addRoutes动态添加路由后刷新失效问题
2018/07/02 Javascript
微信小程序页面缩放式侧滑效果的实现代码
2018/11/15 Javascript
JavaScript实现的联动菜单特效示例
2019/07/08 Javascript
JavaScript监听一个DOM元素大小变化
2020/04/26 Javascript
Swiper实现导航栏滚动效果
2020/10/16 Javascript
python封装对象实现时间效果
2020/04/23 Python
python实现linux服务器批量修改密码并生成execl
2014/04/22 Python
跟老齐学Python之大话题小函数(2)
2014/10/10 Python
python 对给定可迭代集合统计出现频率,并排序的方法
2018/10/18 Python
Python爬取数据保存为Json格式的代码示例
2019/04/09 Python
手写一个python迭代器过程详解
2019/08/27 Python
python使用 request 发送表单数据操作示例
2019/09/25 Python
python time()的实例用法
2020/11/03 Python
python中round函数保留两位小数的方法
2020/12/04 Python
OnePlus加拿大官网:中国国际化手机品牌
2020/10/13 全球购物
大学生新学期计划书
2014/04/28 职场文书
2014年创先争优工作总结
2014/12/11 职场文书
晚会闭幕词
2015/01/28 职场文书
介绍信模板
2015/01/31 职场文书
大学生求职信怎么写
2015/03/19 职场文书
篮球比赛通讯稿
2015/07/18 职场文书
医护人员继续教育学习心得体会
2016/01/19 职场文书
python获取淘宝服务器时间的代码示例
2021/04/22 Python
Go 语言中 20 个占位符的整理
2021/10/16 Golang
海弦WR-800F
2022/04/05 无线电