个人案例
- 捷通ETC发行员工版
捷通ETC发行服务员工版
捷通ETC发行服务员工版扫码体验
- 捷通ETC在线服务
广西ETC线上办理业务
捷通ETC在线服务扫码体验
- 利用PDF.js在微信小程序里预览PDF文件
在微信小程序可以通过wx.downloadFile 和 wx.openDocument 两个api下载并打开pdf文件。这种方式主要有不少的缺点: 1、需要下载才可以查看,且每次打开都需要下载生成一个临时文件,如果PDF文件比较多的话,临时文件会越来越多,且如果PDF文件比较大的话,打开会比较慢。 2、在导航栏显示标题是临时文件名,看上去不够优雅。 3、翻页不方便。 那PDF能不能在小程序直接预览呢?我尝试用微信小程序的web-view里显示PDF的文件,在开发工具里可以显示,但在真机里无法显示。在微信开放社区看有人用PDF.js在浏览器里打开PDF文件,PDF.js 由 Mozilla 提供支持,目标是创建一个通用的、基于 Web 标准的平台,用于解析和呈现 PDF. 通过web-view方式打开通过PDF.js解析的PDF文件,在微信开发工具里无法正常显示,不过好消息是:在真机里可以显示正常。 使用PDF.js来解析PDF方法如下: 1、去PDF.js官方网站下载此框架:https://mozilla.github.io/pdf.js/getting_started 2、把PDF.js部署到网站,PDF.js有两个文件夹web和build,把这两个文件放到网站的一个目录下比如pdfljs目录,在web目录下有个viewer.html文件,可以用它来在线解析pdf文件,当然pdf文件的链接需要在同一个域名,预览的方式是: [代码]https://wwww.domianname.com/pdfjs/web/viewer.html?file=xxx/xxx/xxx.pdf[代码] 然后在web-view打开这个链接,就可以直接预览PDF文件了 注意以上方式PDF文件的链接所在域名需要设置的小程序业务域名里。对于跨域的链接,虽然也支持,不过需要特别处理,具体详见链接:https://github.com/mozilla/pdf.js/wiki/Frequently-Asked-Questions#faq-xhr 利用PDF.js在微信小程序里预览PDF文件,支持支持PDF.js的相关功能,比如:侧栏,查找,分页,缩放,添加文字,绘图,旋转,演示模式等。 上面是通过官方viewer.html来显示PDF文件,也可以通过引入PDF.js的方式来解析和显示,这个方式就可以自定义功能。方法如下: 1、引入pdf.js库 <script src="./build/pdf.js"></script> <script src="./build//pdf.worker.js"></script> 2、用canvas接收需要读取到的pdf内容并显示 <canvas id="myCanvas"></canvas> 3、创建PDF对象:data可以是pdf文件对应的Base64字符串,也可以是文件所在相对或者绝对路径,也可以是一个在线文件url地址 var loadingTask = pdfjsLib.getDocument(data) loadingTask.promise.then(function (pdf) { for (var i = 1; i <= pdf.numPages; i++) { pdf.getPage(1).then(function (page) { var scale = 2 var viewport = page.getViewport({ scale: scale }) var canvas = document.getElementById('myCanvas') var context = canvas.getContext('2d') canvas.height = viewport.height canvas.width = viewport.width var renderContext = { canvasContext: context, viewport: viewport, }; page.render(renderContext); }) } }); 有关PDF.js的更多信息,可以参考官方网站:https://mozilla.github.io/pdf.js/
2023-08-22 - 用户隐私协议针对国家ETC业务员工B端需要收集客户证件号的隐私协议不通过的问题
诱导用户输入微信用户的用户名或密码。 3.4.3 不得将搜索小程序功能加入小程序。 3.4.4 不得在页面中进行或将通过小程 [图片] 交通部规定,各省办理ETC业务需要收集客户以下信息。我司是发行方,该小程序是针对员工使用的,为客户办理ETC设备。因此需要收集客户信息,如何才能通过用户隐私协议?
2021-11-23 - 微信小程序B端营业员端用户隐私协议?如何收集客户身份信息?
交通行业ETC发行服务机构,如何收集客户的身份信息?我们是ETC发行的,员工版本的小程序,请问怎么加隐私协议才能通过审核,现在我们都是使用小程序帮客户办理ETC线上业务的。
2021-11-23 - 安卓手机,多个input组件来回切换后input组件无法输入问题
在2019-5-25上午发现这个问题,然后疯狂的找问题的原因,找不到,只有wxml代码,在论坛里找,没有一个相关的问题,是不是放假,没人反馈问题呀 在2019-5-26陆续出现了相关问题,真无语,我测试安卓手机出现,苹果手机没这问题 WeChatLib:2.7.1(2019.5.24 11:50:59) System:Android 9,Wechat 7.0.4.1420 - 当前 Bug 的表现(可附上截图) 下图是初始状态 [图片] 多次在input之间切换(快速很容易重现) 在请第上图中,在文本input和密码input切换时,input会变成无法输入状态 如下图 [图片] - 预期表现 应该都可以正常输入 - 复现路径 - 提供一个最简复现 Demo 以下是所有代码 1.index.wxml <view> 多次input之间切换,input会变成无法输入状态 <input type='text' placeholder="请输入"></input> <input type='text' placeholder="请输入"></input> <input type='text' placeholder="请输入"></input> <input type='text' placeholder="请输入"></input> 只要密码类型都会变成无法输入状态 <input type='text' placeholder="请输入密码" password></input> <input type='text' placeholder="请输入密码" password></input> <input type='text' placeholder="请输入密码" password></input> </view> 2.index.wxss input{ border: 1px solid #ccc; } 3.index.js Page({ data: { }, onLoad: function () { }, }) 4.index.json { "usingComponents": {} } 视频内的黑屏是由于在录制屏幕时弹出键盘引起的 [视频]
2019-05-26 - 业务域名设置--校验文件检查失败自查指引
目前不少开发者在设置业务域名时,发现检查校验文件失败,可先按照如下步骤进行自查: 如果想保存的业务为https://test.com/,下载下来的校验文件为AbC.txt,则需要确保https://test.com/AbC.txt能够访问。 校验文件内容错误。校验文件内容一般是非HTML数据,如果下载下来的校验文件内容为HTML数据,一般为登录态过期。请重新登录小程序下载校验文件。 使用4G网络尝试访问链接,确认自身服务器没有拦截请求(常见于设置了白名单或者防火墙的服务器,需开发者自行确认下) https证书过期。请确保https证书处于有效期内。 使用curl 测试链接,确保curl能够正常访问链接,且curl出来的内容为校验文件内容。 使用time curl https://test.com/abc.txt查看链接时间,建议耗时在1s之内。 请确保url中的文件名与下载下来的文件名大小写一致。如下载的文件是AbC.txt,确保url是https://test.com/AbC.txt,不能是https://test.com/abc.txt 部分用户的服务器配置较陈旧,安全性差(如配置 768位 的 DH),为了保证通信安全,微信后台不支持,请更新服务器配置。 (1)通过https://cloud.tencent.com/product/tools#userDefined12,检测网址是否支持TLS1.2。 (2)可通过工具 https://www.ssllabs.com/ssltest/analyze.html 检查自己的服务器,对该工具标红的各项漏洞逐项修补,建议更新配置直到该工具打分为 C及以上 。 9. 如上述检查都没有问题,请重新下载校验文件重试,确保上传到服务器的文件内容与新下载的文件内容一致。
2018-06-21