生成无限制的微信小程序码的示例代码


Posted in Javascript onSeptember 20, 2019

概述

现在除了用二维码之外,微信还可以为我们生成小程序码,大概长这个样子。

生成无限制的微信小程序码的示例代码

如果要生成无限制的小程序码,需要几个步骤
1、小程序某个页面的地址,也即是指定page参数的值;
2、获取access_token;
3、指定scene参数的值;
4、调用getwxacodeunlimit接口,并将返回结果存储到一个图片里。

page参数

page参数的值都是以pages开头的,后面加上能到导航到某个小程序页面的路径,例如:

pages/xxxxxx

获取access_token

这个比较简单,只需要根据小程序对应的appid和secret以及grant_type三个参数的值,就可以获取到access_token

用JAVA写的话,伪代码大概如下:

Map<String,String> params = new HashMap<>();
 params.put("grant_type","client_credential");
 params.put("appid","xxxxxAppId");
 params.put("secret","xxxxxxxAppSecret");    

 //发起请求
 HttpResponse httpResponse = HttpClientUtil.get("https://api.weixin.qq.com/cgi-bin/token",params);

 //从response中获取token
 String token = httpResponse.getToken();

获取到token后,一般会设置有效期,然后将token存储到缓存里,避免每次都得去微信平台获取。

指定scene参数的值

scene的值可以是我们的业务主键,只要小程序内唯一就好。

生成小程序码

有了这几个参数后,就可以用

https://api.weixin.qq.com/wxa/getwxacodeunlimit

接口获取小程序码的内容了。从这个接口获取到内容后,将内容写入到图片里,最后将图片的URL发到小程序端。微信使用扫一扫就可以将小程序码识别出来。

使用单独的应用存储图片

在一些稍微大型的公司里,都会有自己的图片服务器,专门用来存储图片的。要读取图片,直接调用接口从图片服务器里读取即可。但是对于一些创业公司来说,通常没有能力也没有时间自己研发一套图片存储服务,通常都是使用第三方平台,例如七牛七牛的图片处理还是很不错,将图片上传到七牛后,会得到一个图片的url,小程序端只需要解析这个url就可以显示小程序码对应的界面了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
自动完成JS类(纯JS, Ajax模式)
Mar 12 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
Jan 28 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
Aug 25 Javascript
JavaScript Date对象应用实例分享
Oct 30 Javascript
Angular使用操作事件指令ng-click传多个参数示例
Mar 27 Javascript
解决Mac下安装nmp的淘宝镜像失败问题
May 16 Javascript
AngularJs返回前一页面时刷新一次前面页面的方法
Oct 09 Javascript
angularjs http与后台交互的实现示例
Dec 21 Javascript
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
Apr 10 jQuery
vue element中axios下载文件(后端Python)
May 10 Javascript
JS中call()和apply()的功能及用法实例分析
Jun 28 Javascript
原生JS实现京东查看商品点击放大
Dec 21 Javascript
浅谈layui分页控件field参数接收对象的问题
Sep 20 #Javascript
vuex根据不同的用户权限展示不同的路由列表功能
Sep 20 #Javascript
微信小程序如何播放腾讯视频的实现
Sep 20 #Javascript
Vue+iview+webpack ie浏览器兼容简单处理
Sep 20 #Javascript
微信小程序跳转到其他网页(外部链接)的实现方法
Sep 20 #Javascript
微信用户访问小程序的登录过程详解
Sep 20 #Javascript
解决layUI的页面显示不全的问题
Sep 20 #Javascript
You might like
动漫女神老婆无限好,但日本女生可能就不是这么一回事了!
2020/03/04 日漫
Codeigniter框架的更新事务(transaction)BUG及解决方法
2014/07/25 PHP
php转换颜色为其反色的方法
2015/04/27 PHP
PHP排序算法之希尔排序(Shell Sort)实例分析
2018/04/20 PHP
JavaScript 异步调用框架 (Part 4 - 链式调用)
2009/08/04 Javascript
Javascript学习笔记2 函数
2010/01/11 Javascript
JavaScript中使用构造器创建对象无需new的情况说明
2012/03/01 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
javascript放大镜效果的简单实现
2013/12/09 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
2014/12/18 Javascript
js实现鼠标悬浮给图片加边框的方法
2015/01/30 Javascript
JavaScript中消除闭包的一般方法介绍
2015/03/16 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
2015/10/09 Javascript
jQuery实现二级下拉菜单效果
2016/01/05 Javascript
jQuery+php实时获取及响应文本框输入内容的方法
2016/05/24 Javascript
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
2016/07/01 Javascript
AngularJS入门教程引导程序
2016/08/18 Javascript
js date 格式化
2017/02/15 Javascript
vue2.X组件学习心得(新手必看篇)
2017/07/05 Javascript
React Router v4 入坑指南(小结)
2018/04/08 Javascript
了解ESlint和其相关操作小结
2018/05/21 Javascript
小程序跳转到的H5页面再跳转回跳小程序的方法
2020/03/06 Javascript
Python装饰器的执行过程实例分析
2018/06/04 Python
基于windows下pip安装python模块时报错总结
2018/06/12 Python
浅谈Pycharm中的Python Console与Terminal
2019/01/17 Python
python实现画循环圆
2019/11/23 Python
使用Django搭建网站实现商品分页功能
2020/05/22 Python
Python fileinput模块如何逐行读取多个文件
2020/10/05 Python
python实现无边框进度条的实例代码
2020/12/30 Python
CSS3弹性盒模型开发笔记(一)
2016/04/26 HTML / CSS
加利福尼亚州威尼斯的女性奢侈品设计师服装和概念店:Mona Moore
2018/09/13 全球购物
回门宴新郎答谢词
2014/01/12 职场文书
会计试用期工作总结2015
2015/05/28 职场文书
民政局未婚证明
2015/06/15 职场文书
详解Html5项目适配系统深色模式方案总结
2021/04/14 HTML / CSS
Rust中的Struct使用示例详解
2022/08/14 Javascript