微信商城小程序開發(fā)注意要點

這篇文章針對微信商城小程序開發(fā)時經(jīng)常遇到的問題，這篇說一下我們在此次開發(fā)商城類的小程序時遇到的一些需要注意的小問題！

⒈收貨地址 
這個問題，想起來就醉的不行！在開始靜態(tài)布局的時候，費了大半天勁，把整個選擇地址，創(chuàng)建地址（地圖選址），重新編輯修改地址，刪除地址的頁面都寫好，然后在手機預(yù)覽。點一下選擇收貨地址，蹦出來兩套頁面??！一套就是我寫的，另一套是…… 
當(dāng)初是死活也沒想到小程序自帶的 wx.chooseAdress 是直接調(diào)用微信底層的方法的，而且所有功能應(yīng)有盡有。真是欲哭無淚?。。。?/p>

分析下發(fā)生這種事情的原因：首先剛開始接觸小程序，對一些方法在不了解的情況下就開始入手寫代碼，也算是個大忌了；其次這個功能在較低版本的開發(fā)者工具上面是預(yù)覽不出該效果的，只能在手機預(yù)覽；再次臣妾實在是沒想到啊。

就當(dāng)是個教訓(xùn)了，在此提醒各位新手一定要避開這個坑！

⒉小程序最多只能跳5棧 
在開發(fā)小程序前一定要熟知業(yè)務(wù)流程，盡量把跳轉(zhuǎn)頁面控制在5棧之內(nèi)。詳情參考 API 。 
如果遇到一些比較復(fù)雜的業(yè)務(wù)流程，無法控制在5棧之內(nèi)，請參考某大神的系列文章

⒊頁面?zhèn)髦?nbsp;
這個比較簡單些，用法跟html+javascript類似。方法有多種，我只說我用到的兩種：通過鏈接傳值和本地存儲傳值！

鏈接傳值： 
wxml 代碼

1. <navigator url="../orderForm/orderForm?form_id=1">

在接收頁面的 js 中寫

1. onLoad:function(options){
2. this.setData({
3. Form_id:options.form_id
4. })
5. }

這樣就接收到傳過來的值了。

本地存儲傳值：  傳值頁面的 js 中寫

1. // 把選中的商品 id（cartIdString）放入本地存儲 供支付頁面使用
2. wx.setStorage({
3. key: 'cartIdString',
4. data: cartIdString,
5. success:function(res){
6. console.log('sucess')
7. }
8. })
9. // 把選中的商品 總價 放入本地存儲 供支付頁面使用
10. wx.setStorage({
11. key: 'total',
12. data: that.data.total,
13. success: function (res) {
14. console.log('sucess')
15. }
16. })

接收頁面的 js 中寫

1. onReady:function(e){
2. var that = this;
3. // 給后臺返回購物車頁面中被選中商品的 id
4. wx.getStorage({
5. key: 'cartIdString',
6. success: function (res) {
7. console.log(res.data)
8. }
9. })
10. // 返回購物車頁面中被選中商品的 總價
11. wx.getStorage({
12. key: 'total',
13. success: function (res) {
14. that.setData({
15. total: res.data
16. })
17. }
18. })

⒋request請求數(shù)量  整個小程序在運行時，同時存在的 request 請求數(shù)量限制在5個。解決辦法是在頁面出棧時將該頁面的所有 request 請求全部銷毀。  先給每一個 request 請求賦給一個變量，然后在 onUnload 事件中用 requestTask.abort() 方法將其銷毀。

js 代碼

1. onLoad: function () {
2. var that = this;
3. var a = wx.request({
4. url: 'http://192.168.200.146:8080/trwl/xcx/selcar',
5. method: 'GET',
6. dataType: 'json',
7. success: function (res) {
8. that.setData({
9. carts:res.data
10. })
11. that.sum()
12. },
13. fail: function (res) { },
14. complete: function (res) { },
15. })
16. },
17. //將 request 進行銷毀
18. onUnload: function () {
19. requestTask.abort();
20. a.abort();
21. }

5.往后臺傳求組時不能直接以Array的格式傳，需要將其轉(zhuǎn)換成字符串格式  代碼如下：

1. var cartIdArray = [];
2. var cartIdString = '';
3. var carts = this.data.carts;
4. for(var i=0;i<carts.length;i++){
5. if(carts[i].ch){
6. cartIdArray.push(this.data.carts[i].cartId)
7. }
8. }
9. for (var i = 0; i < cartIdArray.length; i++) {
10. cartIdString += cartIdArray[i] + ",";
11. }