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

1、小程序canvas保存圖片問題

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

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

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

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

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

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

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

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

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