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


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 相关文章推荐
JQuery 图片延迟加载并等比缩放插件
Nov 09 Javascript
复制js对象方法(详解)
Jul 08 Javascript
JavaScript中的prototype和constructor简明总结
Apr 05 Javascript
JavaScript Window浏览器对象模型方法与属性汇总
Apr 20 Javascript
深入理解vue.js中的v-if和v-show
Jun 22 Javascript
vue2.0 父组件给子组件传递数据的方法
Jan 15 Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
Feb 10 Javascript
Vue进度条progressbar组件功能
Apr 17 Javascript
浅谈 Webpack 如何处理图片(开发、打包、优化)
May 15 Javascript
vue中利用iscroll.js解决pc端滚动问题
Feb 15 Javascript
Vue常用的全选/反选的示例代码
Feb 19 Javascript
vue界面发送表情的实现代码
Sep 11 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遍历二维数组的代码
2011/04/22 PHP
PHP+jQuery 注册模块的改进(一):验证码存入SESSION
2014/10/14 PHP
PHP使用preg_split()分割特殊字符(元字符等)的方法分析
2017/02/04 PHP
原生js 秒表实现代码
2012/07/24 Javascript
2012年开发人员的16款新鲜的jquery插件体验分享
2012/12/28 Javascript
javascript模拟订火车票和退票示例
2014/04/24 Javascript
Nodejs从有门道无门菜鸟起飞必看教程
2016/07/20 NodeJs
JS如何生成一个不重复的ID的函数
2016/12/25 Javascript
JS实现的五级联动菜单效果完整实例
2017/02/23 Javascript
Angular2库初探
2017/03/01 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
2017/07/03 Javascript
JS逻辑运算符短路操作实例分析
2018/07/09 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
2019/02/13 Javascript
Node.js 获取微信JS-SDK CONFIG的方法示例
2019/05/21 Javascript
Sublime Text3 配置 NodeJs 环境的方法
2020/05/20 NodeJs
js实现特别简单的钟表效果
2020/09/14 Javascript
Python编程之多态用法实例详解
2015/05/19 Python
不同版本中Python matplotlib.pyplot.draw()界面绘制异常问题的解决
2017/09/24 Python
Python入门之三角函数tan()函数实例详解
2017/11/08 Python
python入门教程 python入门神图一张
2018/03/05 Python
PyQT实现多窗口切换
2018/04/20 Python
Python Requests库基本用法示例
2018/08/20 Python
python3.6.3安装图文教程 TensorFlow安装配置方法
2020/06/24 Python
python函数修饰符@的使用方法解析
2019/09/02 Python
Python从列表推导到zip()函数的5种技巧总结
2019/10/23 Python
PyTorch和Keras计算模型参数的例子
2020/01/02 Python
Python 写了个新型冠状病毒疫情传播模拟程序
2020/02/14 Python
python图形界面开发之wxPython树控件使用方法详解
2020/02/24 Python
详解css3 Transition属性(平滑过渡菜单栏案例)
2017/09/05 HTML / CSS
基于 HTML5 Canvas实现 的交互式地铁线路图
2018/03/05 HTML / CSS
大学考试作弊检讨书
2014/01/30 职场文书
工作简报范文
2015/07/21 职场文书
七年级之家长会发言稿范文
2019/09/04 职场文书
Nginx进程管理和重载原理详解
2021/04/22 Servers
SQL Server远程连接的设置步骤(图文)
2022/03/23 SQL Server
mysql使用 not int 子查询隐含陷阱
2022/04/12 MySQL