微信小程序過(guò)程中都有哪些誤區(qū)?說(shuō)到小程序，大家都不會(huì)陌生。起步最早，開(kāi)發(fā)者人數(shù)最多，小程序數(shù)量最大的一個(gè)平臺(tái)。有了小程序， 微信不在僅僅是一個(gè)app，而是一個(gè)操作系統(tǒng)。小程序是非常適合做MVP項(xiàng)目(最小可行化產(chǎn)品)的， 因?yàn)樗銐蜉p量級(jí)，而且扎根微信平臺(tái)，可以獲得不少的免費(fèi)而巨大的用戶流量， 因此我們從一開(kāi)始就選擇小程序作為我們的產(chǎn)品形態(tài)。今天湖南長(zhǎng)沙小程序開(kāi)發(fā)公司給我們介紹一下在微信小程序上踩過(guò)的一些比較典型的坑和一些避坑小技巧， 希望給大家一些參考，從而節(jié)省產(chǎn)品開(kāi)發(fā)和上線的時(shí)間。

1、小程序canvas保存圖片問(wèn)題

　　問(wèn)題表現(xiàn)：用canvas動(dòng)態(tài)生成一張圖片(包含用戶頭像、小程序碼)，然后讓用戶保存圖片到相冊(cè)，繼而分享圖片到朋友圈。這時(shí)出現(xiàn)系統(tǒng)繁忙，沒(méi)有辦法生成圖片海報(bào)。而且在小程序調(diào)試工具不會(huì)出現(xiàn)問(wèn)題， android手機(jī)不會(huì)出現(xiàn)問(wèn)題， ios會(huì)出現(xiàn)該問(wèn)題。

　　分析與解決方案：翻遍文檔，查了google。研究下canvas保存圖片的原理大致是canvas要把圖片放在畫(huà)布上面，不能使用網(wǎng)絡(luò)圖片，因此需要利用downloadFile這個(gè)Api把圖片緩存到本地。而downloadFile是受到安全域名限制的，所以需要在小程序后臺(tái)將圖片鏈接的域名，包括微信頭像的域名wx.qlogo.cn加入到安全域名中。

2、模板通知跳轉(zhuǎn)問(wèn)題

　　問(wèn)題表現(xiàn)：在生產(chǎn)做測(cè)試時(shí)點(diǎn)擊小程序的模板通知，發(fā)現(xiàn)跳轉(zhuǎn)了體驗(yàn)版的頁(yè)面。

　　分析與解決方案：后來(lái)查看了微信小程序的文檔，發(fā)現(xiàn)小程序模板消息的跳轉(zhuǎn)邏輯如下：formid是開(kāi)發(fā)版獲取的，就跳開(kāi)發(fā)版;formid是體驗(yàn)版獲取的，就跳體驗(yàn)版;formid是發(fā)布版獲取的，就跳發(fā)布版。刪除對(duì)應(yīng)用戶獲取到的formid， 讓用戶重新獲取formid即可。

3、H5鏈接參數(shù)丟失問(wèn)題

　　問(wèn)題表現(xiàn)：webview打開(kāi)h5鏈接時(shí)都不是想要的網(wǎng)站頁(yè)面。也就是說(shuō)在直接復(fù)制鏈接在手機(jī)瀏覽器或者微信瀏覽器打開(kāi)都沒(méi)有問(wèn)題，但是在小程序嵌入鏈接打開(kāi)就不是指定的頁(yè)面。

　　分析與解決方案： 通過(guò)抓包分析(推薦工具whistle), 發(fā)現(xiàn)了h5鏈接參數(shù)發(fā)生丟失， 比如原鏈接是https://example.com?host=xxxx, 在微信小程序里打開(kāi)就變成https://example.com. 解決方案是先encodeURIComponent(url) 后在webview頁(yè)面decodeURIComponent(url )。

　　以上就是湖南長(zhǎng)沙小程序開(kāi)發(fā)公司給我們介紹的在微信小程序上踩過(guò)的一些比較典型的坑和一些避坑小技巧，希望可以幫到大家!