小程序开发中的6个隐藏坑

说到小程序，每个人都不会陌生。这是许多BAT公司在布局中的轨道。腾讯有微信小程序，阿里有支付宝小程序（事实上，阿里生态的很多公司都在做小程序），百度有百度小程序。三大巨头都声称投资数十亿美元来支持小程序的开发者。其中，微信小程序是最成熟的，它也是最早的入门者，最多的开发者，以及最大数量的小程序平台。使用小程序

说到小程序，每个人都不会陌生。这是许多BAT公司在布局中的轨道。腾讯有微信小程序，阿里有支付宝小程序（事实上，阿里生态的很多公司都在做小程序），百度有百度小程序。三大巨头都声称投资数十亿美元来支持小程序的开发者。其中，微信小程序是最成熟的，它也是最早的入门者，最多的开发者，以及最大数量的小程序平台。使用小程序，微信不仅仅是一个应用程序，而是一个操作系统，现在，它被称为微信OS。这是每个开发者都不愿意错过的口号。当然，我们不想错过它。 小程序非常适合MVP项目（最小可行产品），因为它足够轻量级，并且植根于微信平台，您可以获得大量免费和巨大的用户流量，因此我们从产品表单开始选择小程序作为我们的。本文主要是关于小程序开发公司一些典型的坑和一些避免坑提示，踩到了微信小程序，我希望能给你一些参考，从而节省产品开发和在线时间。本文适用于具有特定小程序开发经验的读者。 小程序canvas保存图像问题问题表现：使用canvas动态生成图片（包括用户头像，小程序代码），然后让用户将图片保存到相册，然后将图片分享给朋友圈。此时，系统正忙，无法生成图片海报。并且在小程序调试工具中不会有问题，android手机也不会有问题，ios会出现这个问题。分析和解决方案：浏览文档并查看谷歌。 画布的研究保存图片基本上是将画面放在画布上的画布，不能使用网络图片，所以你需要使用downloadFile Api来本地缓存图片。 downloadFile受安全域名限制，因此您需要将图像链接的域名（包括微信头像的域名wx.qlogo.cn）添加到小程序背景中的安全域名。 沈阳APP软件

Formid问题问题性能：微信小程序发送模板消息出现41028，无效表单id提示，新生成的formid仍然无法正常使用，android可以，而ios总是失败。分析和解决方案：为了向用户发送消息通知，表单需要隐藏在小程序，并且当用户单击按钮并传输到后端进行保存时获取formid。经过分析，发现数据库的长度为16位，Android端生成的formID为13位，如: 1532424185780，ios端生成32位：5f51e0ba44ad3103dc359893571835a7。 ios生成的forid超出了数据库字段的长度，并且当存储在数据库中时将自动截取前16位，因此发送的formid变为无效的formid。解决方案是将数据库字段的长度扩展为32位。模板通知跳转问题问题性能：在生产测试期间单击小程序模板通知，并找到跳转到体验版本的页面。分析和解决方案：查看微信小程序的文件后，小程序模板消息的跳转逻辑如下：Formid是由开发版获得的，它是一个开发版本; forform是通过体验版获得的，体验版本是跳跃的;发布版本获取forform，并跳过发布版本。删除相应用户获取的formid，让用户重新获取formid。 QR码跳转问题为了调用微信接口生成的QR码，扫描QR码将直接跳转到官方版本小程序，并且不会跳转到体验版本。调试时要注意。 Further reading: Get 小程序 codehttps://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/qr-code.html H5 link parameter loss problem performance: webview open h5 link is not the desired 网站 page . That is to say, there is no problem in directly copying the link in the mobile browser or the 微信 browser, but the embedded link in 小程序 is not the specified page. Analysis and Solution: Through the packet capture analysis (recommended tool whistle), it is found that the h5 link parameter is lost. For example, the original link ishttps://example.com?host=xxxx, and when it is opened in 微信小程序, it becomeshttps://example.com. Is the first encodeURIComponent(url) followed by the decodeURIComponent(url) on the webview page. Review the issue The review does not pass the prompt "Related content that is not allowed by the platform: Inducing to share the circle of friends", you can try to modify the following case and submit, for example, 'Share to circle of friends' is changed to < > Here to explain, 微信小程序 has a review mechanism, the implementation feels like machine audit + manual audit. To submit an audit before going online, only the successful 小程序 can be released. 微信 has restrictions on the behavior of inducing sharing, but visual revision of the copy can also be approved. Of course, I can't guarantee complete success.xx