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

概述

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

如果要生成无限制的小程序码,需要几个步骤
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就可以显示小程序码对应的界面了。

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

(0)

相关推荐

  • 利用weixin-java-miniapp生成小程序码并直接返回图片文件流的方法

    有时候我们可能需要在其他的网页上展示我们自己的小程序中某些页面的小程序码,这种时候,我们需要用到小程序的生成小程序码的相关接口. 工具选型 我们仍然选用简单方便的weixin-java-miniapp来完成此功能. 项目配置 详见我们的另一篇文章点此进入 生成小程序码的相关类型 小程序码的其他生成方式以及相关类型在这篇文章点此进入中介绍的较为详细,此处不再赘述,以下仅以生成不限制张数的这种类型来做一个示例. 生成小程序码图片 先获取小程序的service实例wxMaService. 再获取二维码

  • 通过扫小程序码实现网站登陆功能

    网络上关于实现本本功能的文章很多,但是给出案列的几乎没有,今天笔者实现用小程序码实现网站登陆,体验地址如下 https://idea.techidea8.com/open/login.shtml 思路 核心流程 关键流程 建立场景sceneid和websocket的绑定关系 获得sceneid 场景ID可以前端生成,也可以后端生成,只需要保证sceneid的同一时间唯一性即可. 前端生成可以采用随机数加时间戳的形式,也可以用uuid算法 //时间戳 var sceneid ="scend-&qu

  • 微信小程序云开发 生成带参小程序码流程

    本文实例为大家分享了小程序生成带参小程序码的具体步骤,供大家参考,具体内容如下 生成带参小程序码流程 1.小程序端上传生成二维码所需的参数到云函数 2.云函数使用appid和appsecret请求access_token 3.云函数使用access_token + 小程序端上传的参数生成二维码 4.云函数将生成的二维码返回到小程序端(或者存到数据库返回fileID,小程序端用fileID进行获取,后续生成先在数据库查找,数据库没有再执行生成操作,防止重复生成小程序码文件) 小程序端上传小程序码所

  • 关于微信小程序获取小程序码并接受buffer流保存为图片的方法

    前言 昨天因为小程序功能要获取小程序程序码,看了微信文档爬了好多坑.(留一下记录以防后面被坑) 操作 因为我获取到了微信那里的图片的图片流一直不知道怎么处理,今天总算找到相关文档,解决了.因为数据流不能直接传给前端,只好把buffer流转成图片保存在服务器上,没办法啊~ 废话不多说上代码 public static string Api_Post(string postUrl, string postData, WebHeaderCollection header = null,bool isP

  • 扫微信小程序码实现网站登陆实现解析

    使用扫小程序码登陆网站 网络上关于实现本本功能的文章很多,但是给出案列的几乎没有,今天笔者实现用小程序码实现网站登陆,体验地址如下 https://idea.techidea8.com/open/idea.shtml?id=5 思路 核心流程 关键流程 建立场景sceneid和websocket的绑定关系 获得sceneid 场景ID可以前端生成,也可以后端生成,只需要保证sceneid的同一时间唯一性即可. 前端生成可以采用随机数加时间戳的形式,也可以用uuid算法 //时间戳 var sce

  • 微信小程序实现获取小程序码和二维码java接口开发

    前言:目前小程序推出了自己的识别码,小程序码,这个圆形的码看起来比二维码好看.本文总结微信小程序的获取小程序码和二维码并生成二维码图片的接口开发.主要内容摘抄自微信小程序的API文档,java接口开发是自己总结开发. 微信小程序API文档:获取二维码 一.简介 通过后台接口可以获取小程序任意页面的二维码,扫描该二维码可以直接进入小程序对应的页面.目前微信支持两种二维码,小程序码(左),小程序二维码(右),如下所示: 二.获取小程序码 目前有两个接口可以生成小程序码,开发者可以根据自己的需要选择合

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

    概述 现在除了用二维码之外,微信还可以为我们生成小程序码,大概长这个样子. 如果要生成无限制的小程序码,需要几个步骤 1.小程序某个页面的地址,也即是指定page参数的值: 2.获取access_token; 3.指定scene参数的值: 4.调用getwxacodeunlimit接口,并将返回结果存储到一个图片里. page参数 page参数的值都是以pages开头的,后面加上能到导航到某个小程序页面的路径,例如: pages/xxxxxx 获取access_token 这个比较简单,只需要根

  • Django实现微信小程序支付的示例代码

    1.下载相关的库 微信官方已经提供了方便开发者的SDK,可是使用pip方式下载: pip install wechatpy 2. 在项目的settings.py文件添加相关配置 具体的参数需要自己到小程序微信公众平台和微信商户平台获取. WECHAT = { 'APPID': 'appid', # 小程序ID 'APPSECRET': 'appsecret', # 小程序SECRET 'MCH_ID': 'mch_id', # 商户号 'TOTAL_FEE': '1', # 总金额, 单位为"分

  • php获取小程序码的实现代码(B类接口)

    效果图 生成小程序码的php代码 public function qrcode(){ $member_id = session('id'); if(empty($member_id)) $this->error('请先登录'); //推广二维码 $member = model('Member')->where('id',$member_id)->find(); if($member['is_share'] && $member['share_qrcode']){ $lit

  • 微信小程序倒计时功能实现代码

    倒计时功能是一个比较常见的功能,比如用户获取验证码就需要用到.这里记录一下在微信小程序里面倒计时功能的简单实现. 直接看看代码吧 //倒计时60秒 function countDown(that,count) { if (count == 0) { that.setData({ timeCountDownTop: '获取验证码', counting:false }) return; } that.setData({ counting:true, timeCountDownTop: count +

  • 微信小程序前端promise封装代码实例

    这篇文章主要介绍了微信小程序前端promise封装代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 代码如下 config.js const config = { base_url_api : "https://douban.uieee.com/v2/movie/", } export {config} http.js import { config } from "../config"; class HTT

  • 开发Node CLI构建微信小程序脚手架的示例

    本文介绍了 Node CLI 构建微信小程序脚手架的示例,分享给大家,具体如下: 目的 由于目前公司的 TOC 产品只要是微信小程序,而且随着业务的扩展, 会有更多的需求,创建更多的小程序,为了让团队避免每次开发前花费大量时间做比如工程化的一些配置,以及保持每个项目的一致性, 所以决定做一个 Node CLI 来创建微信小程序脚手架 节省开发前期的大量时间,新项目可以很快开始业务开发 保证项目统一性,有利于团队间的协作及工程化 提升团队基建意识,从枯燥无味的业务开发中脱离出来,尝试新的东西,即使

  • ECharts的三维可视化及在微信小程序中使用示例

    目录 在微信小程序中使用 ECharts 三维可视化 在微信小程序中使用 ECharts 关于微信小程序的项目创建. 创建项目后,可以用新项目完全替换weixin项目下载的电子商务/图表,然后修改代码:或者只需将ec画布目录复制到新项目,然后进行相应的调整. 如果采用完全替换的方法,则project.config json中的appid将替换为公共平台上应用的项目id. pages目录下的每个文件夹都是一个页面.可以根据情况删除不必要的页面,然后单击应用程序删除json中的相应页面. 如果只复制

  • 微信小程序 自定义Toast实例代码

    微信小程序 自定义Toast实例代码 Toast样式可以根据需求自定义,本例中是圆形 <!--按钮--> <view class="btn" bindtap="btn_toast">自定义Toast</view> <!--以下为toast显示的内容 opacity为透明度--> <view class="toast_box" style="opacity:{{0.9}}"

  • 微信小程序 弹窗自定义实例代码

    微信小程序 弹窗 首先wxml代码: <view class="myToast" hidden="{{nullHouse}}">暂无有关信息</view> <view bindtap="clickArea">点击此处</view> 注:hidden属性用于切换比较频繁的地方. wxss代码设置弹窗样式: .myToast{ width:240rpx; height:130rpx; line-heig

  • 详解微信小程序中的页面代码中的模板的封装

    详解微信小程序中的页面代码中的模板的封装 最近在进行微信小程序中的页面开发,其实在c++或者说是js中都会出现这种情况,就是相同的代码会反复出现,这就是进行一定的封装,封装的好处就是可以是程序中在于减少一定的代码量,并且可是使代码结构更加清晰.那今天所要记录的就是关于微信小程序中的页面的模板封装. 在微信小程序中的文件名都带有wxml等样式,在wxml中提供了模板,即可以在模板中定义代码片段,然后可以在页面中的不同位置进行调用,模板的定义: <templatename="products&

随机推荐