小程序踩过的一个小坑---解析二维码decodeURIComponent() url解码

因为我们需要用户扫码进入小程序,每一个货柜都有一个对应的二维码,当然每个二维码里的信息也不一样.用户扫码进入小程序之后,二维码的信息会以参数q带进去,而我们只能在onLoad事件中拿到这个参数, 但是获取到的信息是经过encodeURIComponent()编码的,注意不是encodeURI()编码的,所以需要用decodeURIComponent()解码,而不能用decodeURI(),这个在文档上没太说明白,见文档 mp.weixin.qq.com/debug/wxadoc/introdu…

微信小程序实战篇-图片的预览、二维码的识别

开篇今天,做的小程序项目要求,个人中心的客服图片在用户长按时可以识别其二维码,各种翻阅查找,采坑很多,浪费了很多时间,在这里记录下需要注意的点,以及对小程序官方提供的API做一个正确和清晰的认知,希望能帮助到大家参考小程序官方文档后,发现: .文档中有一句提示: "image组件中二维码/小程序码图片不支持长按识别,仅在 wx.previewImage 中支持长按识别" .即便实现了 “wx.previewImage” 效果,但依旧是不支持二维码识别的代码 ①. wxml 页面元…

ZXing 生成、解析二维码图片的小示例

概述 ZXing 是一个开源 Java 类库用于解析多种格式的 1D/2D 条形码.目标是能够对QR编码.Data Matrix.UPC的1D条形码进行解码. 其提供了多种平台下的客户端包括:J2ME.J2SE和Android. 官网:ZXing github仓库实战本例演示如何在一个非 android 的 Java 项目中使用 ZXing 来生成.解析二维码图片. 安装 maven项目只需引入依赖: <dependency> <groupId>com.google.zxing…

用Python+qrcode库创建一个包含信息的二维码

安装qrcode库和PIL库在命令行中分别输入pip install qrcode 和pip install pillow 导入库格式如下: import PIL import qrcode 下面以生成一个带图标的二维码为例 from PIL import Image import qrcode qr = qrcode.QRCode( version=2, error_correction=qrcode.constants.ERROR_CORRECT_H, box_size=10, borde…

第一个微信小程序踩的几个小坑

1.小程序测试调试阶段可以打开项目设置中的“开发环境不校验请求域名.TLS版本及HTTPS证书”配置,即可以和自己的服务器联调了. (需要在工具栏的设置 -> 项目设置中配置,mac下直接command + ,出现的工具设置中并没有这个选项) 参考:https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-network.html 2.text支持&nbsp需要添加decode设置 <text decode="{{true}}&qu…

微信小程序开发——打开另一个小程序

微信小程序打开另一个小程序,有两种方法:1.超链接:2.点击按钮. 全局配置: 跳转到其他小程序,需要在当前小程序全局配置中配置需要跳转的小程序列表,代码如下: App.json { ... "navigateToMiniProgramAppIdList": [ "wxe5f52902cf4de896" ] } 否则会弹出以下错误提示: 超链接实现跳转到小程序: demo.wxml <navigator target="miniProgram&quo…

微信小程序中scoll-view的一个小坑

在微信小程序开发中,有时候swiper-view会出现显示不全的问题,我们可以用scoll-view来把它包裹下,但是要用scoll-view就一定要设置height,而我们经常是在页面中加的这个组件,要怎么知道它的高度呢?我找了好多答案,最终就整理如下: 整理下思路:就是在页面加载后去计算出页面中已知组件的所有高度和,然后再用页面整体大小减去这个高度和. 先讲一下如何获取页面总体高度吧.可以用wx.getSystemInfo(Object object)或wx.getSystemInfoSyn…

微信小程序之怎样识别一个小程序用户

本节主要是说下怎样识别一个小程序的用户,需要用什么数据来做标识呢: 我们应该都知道判断是不是一个用户大部分都是通过userid来判断,如果这个用户访问的应用发送了一个请求,把userid之类的数据发给了服务器,我们可以通过这个字段来确定这是不是一个用户,如果没有这个值的话可能就是一个游客了,但是在微信里的小程序我们怎样拿到这样的id呢? 其实在小程序里当用户访问的时候我们可以借助小程序的api能力获取到一个针对当前小程序的用户id ,他是openid,而且针对同一个小程序同一个人是永远不会改变的…

微信小程序踩坑集合

1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599 3:设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/index.html 4:设计资源下载:https://mp.weixin.qq.com/debug/wxadoc/design/#资源…

微信小程序二维码识别

目前市场上二维码识别的软件或者网站越来越多,可是真正方便,无广告的却少之很少. 于是,自己突发奇想做了一个微信二维码识别的小程序. 包含功能: 1.识别二维码 ①普通二维码 ②条形码 ③只是复制解析出来的数据 2.生成二维码 ①只是从粘贴板生成二维码软件截图: 体验二维码: 以下为主要代码 index.js // pages/main/index.js var QR = require("../../utils/qrcode.js"); Page({ data: { canvasHi…

解决Mac版微信小程序开发工具打开后无法显示二维码

问题描述: 正常情况下,打开微信小程序开发工具后,首页提示扫描二维码进行登陆,但是如果不显示二维码,当然无法登陆. 解决方案: 无法显示二维码肯定是程序运行哪里出错了,我们直接点击桌面图标是无法排查错误,所以需要切换至命令行进行启动. 打开命令行,进入如下目录 /Applications/wechatwebdevtools.app/Contents/MacOS 执行目录下的程序 ./wechatwebdevtools 显示错误信息如下 [827:32515:0325/101822.447917:…

微信小程序的机会在于重新理解群组与二维码

历时一年,唯一一个尚未发布就获得Pony Ma与Allen Zhang站台的产品:微信小程序,将于2017年1月9日正式上线了.我很期待.唯一要警惕的是:防止长考出臭棋. 在上线前夕,我对于如何借助小程序的东风获得蓬勃发展,忧心忡忡.要不要押注小程序,以及如何押注小程序,如何抄袭小程序,相信这是摆在中国众多中小创业者和大公司面前的问题,区别在于前者关注如何拥抱,后者关注如何抄袭.支付宝小程序.今日头条小程序.百度小程序面世的时间为时不远了. 就我个人理解而言.allen两句话特别值得关注. 1,…

微信小程序-二维码汇总

小程序二维码在生活中的应用场景很多,比如营销类一物一码,扫码开门,扫码付款等...小程序二维码分两种? 1.普通链接二维码即跟普通的网站链接生成的二维码是一个意思,这种二维码的局限性如下: 对于普通链接二维码,目前支持使用微信“扫一扫”或微信内长按识别二维码跳转小程序. 了解链接:https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html#%E4%BA%8C%E7%BB%B4%E7%A0%81%E8%A7%84%E…

Java 获取微信小程序二维码（可以指定小程序页面与动态参数）

一.准备工作微信公众平台接口调试工具小程序的唯一标识(appid) 小程序的密钥(secret) 二.获取access_token 打开微信公众平台接口调试工具,在参数列表中输入小程序的appid和secret,点击检查问题,如果appid和secret正确,则可以返回正确的access_token结果(图中下方的红框) 三.生成微信小程序二维码生成小程序二维码官方文档 https://developers.weixin.qq.com/miniprogram/dev/api-backend…

html2canvas以及domtoimage的使用踩坑总结动态获取的二维码失效如何生成海报

//判断手机为安卓还是ios 安卓html2canvas方法 ios系统dom-to-image方法 $(".code").click(function() { var u = navigator.userAgent; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); || u.indexOf(; //android终端 if(isiOS) { window.location.href = "mycodeios.h…

我写的一个Qt 显示二维码（ QR Code）的控件（可以去掉对 libpthread 的依赖，而且编译出的库文件可以在 vc2010 的release 模式下使用）

最近一个项目需要显示二维码,所以花了点时间(只用了一个晚上,写的很不完善),写了个显示二维码的控件.当然这个控件用到了些开源的代码,比如qrencode,所以我也打算把我的代码开源. 我的代码参考了 http://stackoverflow.com/questions/21400254/how-to-draw-a-qr-code-with-qt-in-native-c-c 基本就是按照这里面的思路来写的. 首先要下载 libqrencode,这是一个c 语言的QR code 生成库.QR Cod…

python 一个函数让你决定你的二维码

今天浏览网页时无意中看到了一个特别有趣的二维码,感觉挺有意思的,回来后自己查了一下,发现挺简单的,就分享一下,挺有意思的.该函数的主要流程就是MyQR库中的myqr.run()函数,将连接转化为二维码,然后将二维码和你自己提供的图片融合,然后生成一个全新的个性的二维码. 介绍一下函数中的几个参数的意思: 参数类型意义详解 words str 二维码网页链接参数为您所要跳转的网页URL version int 控制边长取值范围为1~40,数字越大边长越长 level str 控制纠错等级…

Android二维码功能实现，在程序内嵌入ZXing项目

转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/9526247 最近二维码真是越来越火了,随便电视上.网络上.商场里,到处都是二维码.而内嵌二维码扫描功能的软件也越来越多,QQ.微信.UC浏览器等等应用都可以对着二维码扫一扫,感觉我们自己的应用里不加上二维码扫描功能,都跟不上时代潮流了.所以今天我就将带着大家一起,在我们自己的程序里加入二维码扫描的功能. 不过,二维码功能如果真要做起来还是非常复杂的,从零开始实现不太现实,比较好的…

PHP实现一个二维码同时支持支付宝和微信支付

实现思路生成一个二维码,加入要处理的url连接在用户扫完码后,在对应的脚本中,判断扫码终端,调用相应的支付若能够扫码之后能唤起相应app,支付宝要用手机网站支付方式,微信要使用jsapi支付方式效果展示提示: 因为项目即将上线,所以上面的支付二维码连接被我替换了(注意在生成二维码时加入的连接,要带上http协议) 实现步骤生成二维码 //我的url指向了checkTerrace方法 $url = self::ADMIN_URL . 'params=' . $params; //ADM…

关于微信小程序获取二维码的踩坑记录

1.踩坑需求:获取小程序的二维码 2.踩坑接口: https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN3 踩坑代码 public function GetCode2(Request $request) { $path = $request['path']; $app = WXUtil::funcGetWXAPP('app.jmeii'); $response = $app->app_code->getQrCode(…

微信小程序踩过的一些坑

前言迄今为止,正儿八经的上线了真正意义上的程序,但是这个小程序却着实不小. 之所以不小,是因为这个类似于社区的小程序,已经做了大部分都有的功能了举例说明,具体的一些功能点: 1.帖子列表页面:会有的功能:滚动加载,下拉刷新等 2.发帖页面:图文发表,视频上传 3.评论页面,图文评论 4.帖子详情页:富文本解析,点赞,回复帖子,回复评论,关注,收藏,朋友圈分享,分享 5.任务中心,积分获取,兑换. 6.小程序提现到零钱(即将上线) 细数以下几个坑(上) 1.富文本这个说来就有非常坑,作为一个…

小程序canvas生成二维码图片踩的坑

1:生成临时图片,保证画布被加载以及渲染(即本身不可以 hidden 或是上级元素不可以 hidden 或是 wx:if 隐藏等) == > 建议:因为 canvas 的组件层级(z-index)是最高的,无法通过层级改变,如自定义的弹框类似的组件总会被挡住 == > 若不想给挡住,便要控制 canvas 隐藏(hidden . wx:if) 但是利用 API ctx.setGlobalAlpha = 0(只是变成不透明,视觉上给隐藏,但是还是还在,若是那位置有 tap 等事件就尴尬了) =…

微信小程序发送红包功能。填坑记录

微信官方文档 1．开通条件 (1)商户号已入驻90日 (2)商户号有连续30天正常交易 (3)只有企业资质的商户才有资格申请 2．注意事项 (1)目前小程序红包仅支持用户微信扫码打开小程序 (2)小程序开通了‘社交红包类目’或者处于违规状态时,将无法开发小程序红包 (3)单日最高发放金额一百万元(可在商户平台设置) (4)单日每个用户可领取红包个数1-10个(可在商户平台设置) (5)单日同一用户领取本商户红包金额最高一千元(可在商户平台设置) (6)防刷等级:防刷是指微信风控针对微信小号.僵…

微信小程序学习动手撸一个校园网小程序

动手撸一个校园网微信小程序高考完毕,想必广大学子和家长们都在忙着查询各所高校的信息,刚好上手微信小程序,当练手也当为自己的学校做点宣传,便当即撸了一个校园网微信小程序. 效果预览源码地址:Github✨✨求你的小星星- 准备工作微信小程序开发者工具:腾讯开放了小程序个人开发平台,只需要一个微信号就可以成为小程序开发者了. 微信小程序设计指南:由于小程序是一个平台,所以平台上的开发者必须要遵守规范. easy-mock:使用easy-mock模拟后端数据,后面会简单介绍配置. 七牛云:使用…

微信小程序-注册和第一个demo

第一篇申请帐号 https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN 这里注册帐号,记得选小程序,不然其他都是之前的老功能不行的,我就遇到过坑. 记住邮箱只能使用一次,身份证只能绑定5次.好坑没有找到解绑的地方,所以省点用. 官方的文档说明图片更新的不是很及时,所以有一定的误差,反正我是搞了半天才注册好,也是在开放个人可以注册之后才开始学习的,不然我都不想鸟,什么鬼嘛. 小程序开始起点很高,宣传跟神一样…

微信小程序中scroll-view的几个坑

微信小程序中scroll-view的几个坑 1:设置scroll-x时,却不能横向滚动,因为view是block组件,但是这里用了flex就不能滚动了(想用flex布局,请开启属性enable-flex).所以只能给你的scroll-view设置如下 overflow: hidden; white-space: nowrap; 2:隐藏滚动条,加如下css ::-webkit-scrollbar { width: 0; height: 0; color: transparent; } 上边这段代…