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


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代码
Apr 02 Javascript
基于jquery的横向滚动条(滑动条)
Feb 24 Javascript
深入理解JavaScript单体内置对象
Jun 06 Javascript
将List对象列表转换成JSON格式的类实现方法
Jul 04 Javascript
详解JS: reduce方法实现 webpack多文件入口
Feb 14 Javascript
vue页面使用阿里oss上传功能的实例(二)
Aug 09 Javascript
详解从新建vue项目到引入组件Element的方法
Aug 29 Javascript
微信小程序实现滚动消息通知
Feb 02 Javascript
vue列表单项展开收缩功能之this.$refs的详解
May 05 Javascript
Vue中util的工具函数实例详解
Jul 08 Javascript
javascript写一个ajax自动拦截并下载数据代码实例
Sep 07 Javascript
原生js生成图片验证码
Oct 11 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编写和读取XML的几种方式
2013/01/12 PHP
几个实用的PHP内置函数使用指南
2014/11/27 PHP
PHP的Yii框架的基本使用示例
2015/08/21 PHP
YII2.0之Activeform表单组件用法实例
2016/01/09 PHP
PHP实现chrome表单请求数据转换为接口使用的json数据
2021/03/04 PHP
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
2007/03/06 Javascript
JS 用6N±1法求素数 实例教程
2009/10/20 Javascript
javascript 异步页面查询实现代码(asp.net)
2010/05/26 Javascript
js 创建快捷方式的代码(fso)
2010/11/19 Javascript
js实现通用的微信分享组件示例
2014/03/10 Javascript
JavaScript实现iframe自动高度调整和不同主域名跨域
2016/02/27 Javascript
JavaScript学习笔记之数组求和方法
2016/03/23 Javascript
jQuery之动画效果大全
2016/11/09 Javascript
JavaScript用构造函数如何获取变量的类型名
2016/12/23 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
2017/02/17 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
2017/02/19 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
2017/03/13 Javascript
Vue进度条progressbar组件功能
2018/04/17 Javascript
vue 实现input表单元素的disabled示例
2019/10/28 Javascript
Element Input输入框的使用方法
2020/07/26 Javascript
python中requests模块的使用方法
2015/04/08 Python
python中随机函数random用法实例
2015/04/30 Python
Python 通过URL打开图片实例详解
2017/06/01 Python
Python数据分析之如何利用pandas查询数据示例代码
2017/09/01 Python
基于Django contrib Comments 评论模块(详解)
2017/12/08 Python
Python数据结构与算法之图的基本实现及迭代器实例详解
2017/12/12 Python
python实现计数排序与桶排序实例代码
2019/03/28 Python
HTML5拖拽API经典实例详解
2018/04/20 HTML / CSS
美国网上购买眼镜:Eyeconic
2017/07/29 全球购物
应用化学专业职业生涯规划书
2014/01/22 职场文书
学校卫生检查制度
2014/02/03 职场文书
销售团队获奖感言
2014/08/14 职场文书
手机被没收的检讨书
2014/10/04 职场文书
2015年环境监察工作总结
2015/07/23 职场文书
详解MySQL连接挂死的原因
2021/05/18 MySQL
Ajax请求超时与网络异常处理图文详解
2021/05/23 Javascript