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