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


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 相关文章推荐
JScript的条件编译
May 29 Javascript
IE8下关于querySelectorAll()的问题
May 13 Javascript
再论Javascript的类继承
Mar 05 Javascript
网页打开自动最大化的js代码
Aug 22 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
Mar 07 Javascript
js下将金额数字每三位一逗号分隔
Feb 19 Javascript
判断是否存在子节点的实现代码
May 18 Javascript
详解javascript获取url信息的常见方法
Dec 19 Javascript
基于JavaScript实现拖动滑块效果
Feb 16 Javascript
php输出全部gb2312编码内的汉字方法
Mar 04 Javascript
vue实现压缩图片预览并上传功能(promise封装)
Jan 10 Javascript
在Vue.js中使用TypeScript的方法
Mar 19 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
php像数组一样存取和修改字符串字符
2014/03/21 PHP
PHP的Yii框架使用中的一些错误解决方法与建议
2015/08/21 PHP
PHP使用pear实现mail发送功能 windows环境下配置pear
2016/04/15 PHP
php实现数字补零的方法总结
2018/09/12 PHP
CI框架网页缓存简单用法分析
2018/12/26 PHP
javascript中使用css需要注意的地方小结
2010/09/01 Javascript
Node.js中的流(Stream)介绍
2015/03/30 Javascript
javascript实现回到顶部特效
2015/05/06 Javascript
基于jquery实现省市联动效果
2015/11/23 Javascript
jQuery监听浏览器窗口大小的变化实例
2017/02/07 Javascript
利用vue.js插入dom节点的方法
2017/03/15 Javascript
微信小程序组件之srcoll-view的详解
2017/10/19 Javascript
js推箱子小游戏步骤代码解析
2018/01/10 Javascript
jQuery中可见性过滤器简单用法示例
2018/03/31 jQuery
vue下拉列表功能实例代码
2018/04/08 Javascript
关于vue中的ajax请求和axios包问题
2018/04/19 Javascript
Node.js Buffer用法解读
2018/05/18 Javascript
详解vue开发中调用微信jssdk的问题
2019/04/16 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
2019/04/17 Javascript
Vue自定义组件的四种方式示例详解
2020/02/28 Javascript
react 生命周期实例分析
2020/05/18 Javascript
JavaScript封装单向链表的示例代码
2020/09/17 Javascript
[56:38]DOTA2-DPC中国联赛正赛Aster vs Magma BO3 第一场 3月5日
2021/03/11 DOTA
巧用Python装饰器 免去调用父类构造函数的麻烦
2012/05/18 Python
Python函数递归调用实现原理实例解析
2020/08/11 Python
基于Python正确读取资源文件
2020/09/14 Python
纯CSS3实现圆角效果(含IE兼容解决方法)
2014/05/07 HTML / CSS
Omio荷兰:预订火车、巴士和机票
2018/11/04 全球购物
UNDONE手表官网:世界领先的定制手表品牌
2018/11/13 全球购物
一套C++笔试题面试题
2012/06/06 面试题
大学运动会通讯稿
2014/01/28 职场文书
应届大学生求职信
2014/07/20 职场文书
2015年小学远程教育工作总结
2015/07/28 职场文书
2015年幼儿园国庆节活动总结
2015/07/30 职场文书
nginx location中多个if里面proxy_pass的方法
2021/03/31 Servers
分享node.js实现简单登录注册的具体代码
2022/04/26 NodeJs