微信

A collection of 2 posts

Feb 3, 2016

SPA 中微信支付目录的设置

SPA 中微信支付目录的设置

DEPERCATION WARNING 这篇文章提到的方法可能已经失效了,有关更多 SPA 中微信支付的讨论,请戳这里 首先要感谢下这篇文章,帮我解决了一个很大的疑问。不过该网站暂时503,只能贴个谷歌快照了 戳这里 背景如下:项目使用 AngularJS + UI-Router,未开启 HTML5Mode,静态文件全部直接走 nginx。 原先的微信支付目录设置为 example.com/static/dist/index.html#/。 因为微信的限制,支付目录只能识别到一级目录,所以之前版本中,支付页面的路径设置为了 example.com/

Dec 10, 2015

使用viewport缩放实现自适应页面中,微信长按识别二维码的一个大坑

使用viewport缩放实现自适应页面中,微信长按识别二维码的一个大坑

起因是有这么一个需求,如果是在订阅号中,微信支付失败后要弹一个弹窗,中间展示一个URL生成的二维码,用户长按二维码后可以进行支付。 最初按照常规方式将弹窗展示出来后,在iOS上长按二维码怎么都识别不了,倒是Android没有什么问题。于是Google了一下“微信长按识别二维码”(请原谅我用的关键字),找到这么篇文章: 微信内置浏览器 长按识别二维码 功能的两三个坑与解决方案 文章讲到了微信6.1二维码识别区域上移的问题,遂试了一下,无意中发现识别区域居然在右下角,甚是奇怪。而且文内提到据微信称6.2已经修复此BUG了,而我用的是6.3.7。 终于在无数次尝试后,发现问题的真实原因是微信对viewport缩放页面的适配不佳,原理如下图。 由于页面是整体缩放的,但是微信仍然按照未缩放前的页面来识别二维码,导致实际的识别区域变成了右下角阴影的部分。 最后的解决方案: 由于项目已经接近尾声了,