支付寶小程序和微信小程序的區別（部分）

支付寶小程序和微信小程序之間的互相轉換

1.首先是文件名

　　微信小程序 wxss ------ 支付寶小程序 acss

　　微信小程序 wxml ------ 支付寶小程序 axml

2.調用方法前綴

　　微信小程序 wx. ------ 支付寶小程序 my.

3.網絡請求

　　3.1 返回的狀態值

　　　　微信小程序

　　　　　　res.statusCode

　　　　支付寶小程序

　　　　　　res.status

3.2 header傳參

　　　　微信小程序

　　　　　　header

　　　　支付寶小程序

　　　　　　headers

　　 這一點特別需要注意！！！

4.指令、點擊事件等

　　　　微信小程序

　　　　　　bindtap、bindinput、 （此處要注意大小寫）

　　　　　　wx:if、wx:for

　　　　支付寶小程序

　　　　　　onTap、onInput （此處要注意大小寫）

　　　　　　a:if、a:for

5.showToast提示框

　　微信小程序 （如果不設置icon:none，會默認顯示成功的圖標）

　　　　

　　支付寶小程序

　　　　

6.獲取緩存

　　微信小程序

　　　　 wx.getStorageSync('score')

　　支付寶小程序

　　　　my .getStorageSync({key: 'score'}).data

7.自定義組件的傳值

　　微信小程序

properties: {
    showOrder: {
      type:Boolean,
      value: false
    },
    value: {
      type: Array,
      value: []
    },
  },

　　支付寶小程序

props: {
    showOrder: false,
    value: [],
    styles: 'margin-top: 30rpx;'
  },

8.image組件

　　微信小程序：

　　　　沒有默認顯示圖片屬性

　　支付小程序：

　　　　default-source

9.組件生命周期

　　微信小程序：

　　　　

 

 

　　支付寶小程序：

　　　　

　　具體查看官方文檔

10.設置標題

　　微信小程序：

　　　　navigationBarTitleText

　　支付寶小程序：

　　　　defaultTitle

11.獲取登錄憑證code

　　微信小程序：

　　　　wx.login 返回的code存在res.code中

　　支付寶小程序：

　　　　my.getAuthCode 返回的code存在res.authCode中

 

 --------------------------------------------------------------2019.12.26

 

12.模態對話框

　　微信小程序：

wx.showModal({
  title: '提示',
  content: '這是一個模態彈窗',
  cancelText: '取消按鈕',
  confirmText: '確定按鈕',
  success (res) {
    if (res.confirm) {
      console.log('用戶點擊確定')
    } else if (res.cancel) {
      console.log('用戶點擊取消')
    }
  }
})

　　

　　支付寶小程序

my.confirm({
  title: '溫馨提示',
  content: '您是否想查詢快遞單號：1234567890',
  confirmButtonText: '馬上查詢',
  cancelButtonText: '暫不需要',
  success: (result) => {
    my.alert({
      title: `${result.confirm}`,
    });
  },
});

　　

　　注意：支付寶小程序的模態框，在點擊確定按鈕或者取消按鈕后，事件都會進入success函數中；而微信小程序的模態框，在點擊確定按鈕才會進入success函數中，而點擊取消按鈕會進入fail函數中

13.app.json

　　微信小程序

"window": {
    "navigationBarTitleText": "速車挪車",
    "navigationBarTextStyle": "black", // 必須為black或white
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#000"
  },
  "tabBar": {
    "color": "#999999",
    "selectedColor": "#108EE9",
    "list": [
      {
        "pagePath": "pages/index/index",
        "iconPath": "images/tabBar1.png",
        "selectedIconPath": "images/tabBar2.png",
        "text": "首頁"
      }
    ]
  },

　　

　　支付寶小程序

"window": {
    "defaultTitle": "速車挪車",
    "titleBarColor": "#fff"
  },
  "tabBar": {
    "textColor": "#999999",
    "selectedColor": "#108EE9",
    "items": [
      {
        "pagePath": "pages/index/index",
        "icon": "images/tabBar1.png",
        "activeIcon": "images/tabBar2.png",
        "name": "首頁"
      }
    ]
  },

　　

14.input屬性maxlength（舉例）

　　微信小程序

　　支付寶小程序

15.支付

　　微信小程序

wx.requestPayment({
  timeStamp: '',
  nonceStr: '',
  package: '',
  signType: 'MD5',
  paySign: '',
  success (res) { },
  fail (res) { }
})
 
注：微信小程序的支付參數和支付寶的支付參數不同，且，支付成功進入success，支付失敗進入fail

　　

　　支付寶小程序

my.tradePay({
    tradeNO: '', // 調用 小程序支付 時必填
    orderStr: '', // 調用 資金授權 時必填
    success (res) { },
    fail (res) { },
    complete (res) { },
})
 
注: 支付成功或者失敗都會進入success中，但是會返回不用的狀態碼，根據狀態碼來判斷用戶具體的支付成功或者失敗的操作

　　

未完。。。。待續。。。