微信小程序过程中都有哪些误区?

　　微信小程序过程中都有哪些误区?说到小程序，大家都不会陌生。起步最早，开发者人数最多，小程序数量最大的一个平台。有了小程序， 微信不在仅仅是一个app，而是一个操作系统。小程序是非常适合做MVP项目(最小可行化产品)的， 因为它足够轻量级，而且扎根微信平台，可以获得不少的免费而巨大的用户流量， 因此我们从一开始就选择小程序作为我们的产品形态。今天湖南长沙小程序开发公司给我们介绍一下在微信小程序上踩过的一些比较典型的坑和一些避坑小技巧， 希望给大家一些参考，从而节省产品开发和上线的时间。

1、小程序canvas保存图片问题

　　问题表现：用canvas动态生成一张图片(包含用户头像、小程序码)，然后让用户保存图片到相册，继而分享图片到朋友圈。这时出现系统繁忙，没有办法生成图片海报。而且在小程序调试工具不会出现问题， android手机不会出现问题， ios会出现该问题。

　　分析与解决方案：翻遍文档，查了google。研究下canvas保存图片的原理大致是canvas要把图片放在画布上面，不能使用网络图片，因此需要利用downloadFile这个Api把图片缓存到本地。而downloadFile是受到安全域名限制的，所以需要在小程序后台将图片链接的域名，包括微信头像的域名wx.qlogo.cn加入到安全域名中。

2、模板通知跳转问题

　　问题表现：在生产做测试时点击小程序的模板通知，发现跳转了体验版的页面。

　　分析与解决方案：后来查看了微信小程序的文档，发现小程序模板消息的跳转逻辑如下：formid是开发版获取的，就跳开发版;formid是体验版获取的，就跳体验版;formid是发布版获取的，就跳发布版。删除对应用户获取到的formid， 让用户重新获取formid即可。

3、H5链接参数丢失问题

　　问题表现：webview打开h5链接时都不是想要的网站页面。也就是说在直接复制链接在手机浏览器或者微信浏览器打开都没有问题，但是在小程序嵌入链接打开就不是指定的页面。

　　分析与解决方案： 通过抓包分析(推荐工具whistle), 发现了h5链接参数发生丢失， 比如原链接是https://example.com?host=xxxx, 在微信小程序里打开就变成https://example.com. 解决方案是先encodeURIComponent(url) 后在webview页面decodeURIComponent(url )。

　　以上就是湖南长沙小程序开发公司给我们介绍的在微信小程序上踩过的一些比较典型的坑和一些避坑小技巧，希望可以帮到大家!