小程序開發(fā)中6個(gè)隱蔽的坑
- 編輯：做小程序公司全國排名 -說到小程序，大家都不會陌生。這是BAT多家企業(yè)都在布局的賽道，騰訊有微信小程序，阿里有支付寶小程序（實(shí)際上阿里生態(tài)的多家企業(yè)都在做小程序）， 百度有百度小程序。三大巨頭都聲稱將投入數(shù)十億扶持小程序開發(fā)者。其中微信小程序是最成熟的，也是起步最早，開發(fā)者人數(shù)最多， 小程序數(shù)量最大的一個(gè)平臺。有了小程序
說到小程序，大家都不會陌生。這是BAT多家企業(yè)都在布局的賽道，騰訊有微信小程序，阿里有支付寶小程序（實(shí)際上阿里生態(tài)的多家企業(yè)都在做小程序）， 百度有百度小程序。三大巨頭都聲稱將投入數(shù)十億扶持小程序開發(fā)者。其中微信小程序是最成熟的，也是起步最早，開發(fā)者人數(shù)最多， 小程序數(shù)量最大的一個(gè)平臺。有了小程序， 微信不在僅僅是一個(gè)app，而是一個(gè)操作系統(tǒng)，暫且稱之為微信OS吧。這是每個(gè)開發(fā)者都不愿錯(cuò)過的風(fēng)口，當(dāng)然我們也不愿錯(cuò)過。小程序是非常適合做MVP項(xiàng)目（最小可行化產(chǎn)品）的， 因?yàn)樗銐蜉p量級，而且扎根微信平臺，可以獲得不少的免費(fèi)而巨大的用戶流量， 因此我們從一開始就選擇小程序作為我們的產(chǎn)品形態(tài)。
這篇文章主要是介紹小程序開發(fā)公司在微信小程序上踩過的一些比較典型的坑和一些避坑小技巧， 希望給大家一些參考，從而節(jié)省產(chǎn)品開發(fā)和上線的時(shí)間。這篇文章主要面向的是有一定小程序開發(fā)經(jīng)驗(yàn)的讀者。
小程序canvas保存圖片問題
問題表現(xiàn)：用canvas動(dòng)態(tài)生成一張圖片（包含用戶頭像、小程序碼），然后讓用戶保存圖片到相冊，繼而分享圖片到朋友圈。這時(shí)出現(xiàn)系統(tǒng)繁忙，沒有辦法生成圖片海報(bào)。而且在小程序調(diào)試工具不會出現(xiàn)問題， android手機(jī)不會出現(xiàn)問題， ios會出現(xiàn)該問題。
分析與解決方案：翻遍文檔，查了google。研究下canvas保存圖片的原理大致是canvas要把圖片放在畫布上面，不能使用網(wǎng)絡(luò)圖片，因此需要利用downloadFile這個(gè)Api把圖片緩存到本地。而downloadFile是受到安全域名限制的，所以需要在小程序后臺將圖片鏈接的域名，包括微信頭像的域名wx.qlogo.cn加入到安全域名中。
Formid問題
問題表現(xiàn)：微信小程序發(fā)送模板消息出現(xiàn)41028,invalid form id hint, 新產(chǎn)生的formid依然無法正常使用，android的可以，而ios的總是失敗。
分析和解決方案：為了能給用戶發(fā)送消息通知，需要在小程序埋表單，在用戶點(diǎn)擊某個(gè)按鈕時(shí)獲取formid并傳到后端保存。經(jīng)過分析發(fā)現(xiàn)數(shù)據(jù)庫的長度是16位， 而安卓端產(chǎn)生的formID 是這樣的13位例如:1532424185780， ios端產(chǎn)生的是32位：5f51e0ba44ad3103dc359893571835a7。 ios產(chǎn)生的formid超過數(shù)據(jù)庫的字段長度，會在存儲到數(shù)據(jù)庫時(shí)自動(dòng)被截取前16位 ，因此發(fā)送的formid就變成無效formid了。解決方案是延長數(shù)據(jù)庫字段的長度到32位。
模板通知跳轉(zhuǎn)問題
問題表現(xiàn)：在生產(chǎn)做測試時(shí)點(diǎn)擊小程序的模板通知，發(fā)現(xiàn)跳轉(zhuǎn)了體驗(yàn)版的頁面.
分析與解決方案：后來查看了微信小程序的文檔，發(fā)現(xiàn)小程序模板消息的跳轉(zhuǎn)邏輯如下：formid是開發(fā)版獲取的，就跳開發(fā)版；formid是體驗(yàn)版獲取的，就跳體驗(yàn)版；formid是發(fā)布版獲取的，就跳發(fā)布版。刪除對應(yīng)用戶獲取到的formid， 讓用戶重新獲取formid即可。
二維碼跳轉(zhuǎn)問題
對于調(diào)用微信接口生成的二維碼， 掃描二維碼會直接跳轉(zhuǎn)至正式版小程序，不會跳轉(zhuǎn)至體驗(yàn)版，調(diào)試的時(shí)候要注意。
擴(kuò)展閱讀：
獲取小程序碼 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/qr-code.html
H5鏈接參數(shù)丟失問題
問題表現(xiàn)：webview打開h5鏈接時(shí)都不是想要的網(wǎng)站頁面。也就是說在直接復(fù)制鏈接在手機(jī)瀏覽器或者微信瀏覽器打開都沒有問題，但是在小程序嵌入鏈接打開就不是指定的頁面。
分析與解決方案： 通過抓包分析(推薦工具whistle), 發(fā)現(xiàn)了h5鏈接參數(shù)發(fā)生丟失， 比如原鏈接是https://example.com?host=xxxx, 在微信小程序里打開就變成https://example.com. 解決方案是先encodeURIComponent（url） 后在webview頁面decodeURIComponent（url ）。
審核問題
審核不通過提示”涉及平臺未允許的內(nèi)容：誘導(dǎo)分享朋友圈 “， 可以嘗試修改下文案再提交，比如說"分享到朋友圈" 修改為<。。。。>。
這里說明一下， 微信小程序有一套審核機(jī)制，實(shí)現(xiàn)上感覺像是機(jī)器審核+人工審核。上線之前要提交審核，只有審核成功的小程序才能正常發(fā)布。微信對誘導(dǎo)分享的行為有所限制，但是目測修改文案也可以能通過審核。當(dāng)然不敢保證完全成功。
