支付宝小程序与微信小程序的不同

支付宝小程序和微信小程序在提供的部分接口类似,声明周期,类型都是一致的,本篇文章只记录与微信小程序不同的地方,(个人感觉微信提供的小程序文档相对较全-用起来方便,但支付宝正在拓展不同能力的功能接口)。

1.支付宝小程序请求

my.httpRequest({
  url: that.datas.url,
  data: params,
  method: "POST",
  headers: {
    'content-type': 'application/json' // 默认值
  },
  success: function(res) {
  },
  fail: function(xhr, type, status) {
  }
})

支付宝小程序与微信小程序的不同
以上未支付宝小程序发出请求的所有参数

微信小程序请求

wx.request({
      url: that.datas.url,
      data: params,
      method: "POST",
      header: {
        'content-type': 'application/json' // 默认值
      },
      success: function(res) {
      },
      error: function(xhr, type, status) {         }
    })

总结: 二者有部分的值不同,但整体结构一致!

2.接口,循环渲染

接口:
微信采用 wx. 例如: wx.request({})
支付宝采用 my. 例如: my.httpRequest({})

循环:
微信采用 wx: 例如: < block wx:for="{{newList}}" wx:for-item="item" wx:for-index="idx" wx:key="a">
支付宝采用 a: 例如: < block a:for="{{newsList}}" a:for-item="item" a:for-index="idx" a:key="h">

3.tabBar

支付宝小程序 的底部bar

"tabBar": {
    "backgroundColor": "#FFFFFF",
    "textColor": "#7F8389",
    "selectedColor": "#3FB9FB",
    "items": [
      {
        "pagePath": "pages/index/index",
        "name": "咨询",
        "icon": "pages/images/[email protected]",
        "activeIcon": "pages/images/[email protected]"
      },
      {
        "pagePath": "pages/order/order",
        "name": "订单",
        "icon": "pages/images/[email protected]",
        "activeIcon": "pages/images/[email protected]"
      },
      {
        "pagePath": "pages/personal/person",
        "name": "我",
        "icon": "pages/images/[email protected]",
        "activeIcon": "pages/images/[email protected]"
      }
    ]
  }

微信小程序 的底部bar

"tabBar": {
    "borderStyle": "#FFFFFF",
    "position": "bottom",
    "color": "#7F8389",
    "selectedColor": "#3FB9FB",
    "list": [
      {
        "pagePath": "pages/text/text",
        "text": "测试",
        "iconPath": "pages/images/text.png",
        "selectedIconPath": "pages/images/textblue.png"
      },
      {
        "pagePath": "pages/index/index",
        "text": "咨询",
        "iconPath": "pages/images/[email protected]",
        "selectedIconPath": "pages/images/[email protected]"
      },
      {
        "pagePath": "pages/order/order",
        "text": "订单",
        "iconPath": "pages/images/[email protected]",
        "selectedIconPath": "pages/images/[email protected]"
      },
      {
        "pagePath": "pages/personal/person",
        "text": "我",
        "iconPath": "pages/images/[email protected]",
        "selectedIconPath": "pages/images/[email protected]"
      }
    ]
  }

iconPath–icon selectedIconPath–activeIcon text–name (左边微信,右边支付宝) 还有一些不细举例!
总结: 二者有部分的值不同,但整体结构一致!

4.showToast

支付宝小程序与微信小程序的不同

下面微信小程序
支付宝小程序与微信小程序的不同

总结: 二者有部分的值不同,但整体结构一致!

5.getStorageSync,setStorageSync

支付宝  my.getStorageSync({key:"token"}).data       my.setStorageSync({key:"tag_list",data: data.data.tag_list})
微信    my.getStorageSync("token")                  my.setStorageSync("tag_list",data.data.tag_list)