最近開始負責公司webapp數據打通支付寶小程序,之前已經打通了微信小程序,現在根據支付寶小程序的開發文檔在之前的模板上面做修改。
在修改模板的過程中,總結一下雙方功能和語法糖的不同之處。
框架:
- app.json 配置列表
支付寶小程序
微信小程序
- window 屬性
支付寶小程序
微信小程序
- tabBar 屬性
支付寶小程序
微信小程序
-
事件綁定:微信綁定事件用的是 bind 前綴, 事件名稱首字母小寫 (例如:bindtap);支付寶綁定用 on 前綴,事件名稱首字母大寫(例如:onTap)
組件:
- 支付寶小程序未提供 movable-view、cover-view、rich-text、open-data、contact-button 組件
- 微信小程序中的 wx:if、wx:elif、wx:else、wx:for、wx:for-index、wx:for-item、wx:key 等屬性中的 'wx:' 在支付寶小程序里寫作 'a:'
- 支付寶小程序中 input、textarea 組件無法:設置 placeholder 樣式,指定光標與鍵盤的距離,設置鍵盤右下角按鈕文字,設置鍵盤右下角按鈕時是否保持鍵盤不收起
- 支付寶小程序 textarea 組件無法監聽輸入框行數變化
- 支付寶小程序 radio、checkbox、switch 組件無法設置顏色(經測試微信小程序的 switch 組件設置 color 屬性在開發工具里並未生效)
- 支付寶小程序 picker 組件沒有提供 multiSelector(多列)、region(省市區)選擇器
- 支付寶小程序 form 組件無 report-submit 屬性,微信小程序里該屬性用來發送模板消息
- 支付寶小程序 button 組件未提供開放能力
- 微信小程序 slider 組件不能設置軌道線條高度、滑塊大小、滑塊填充色
API:
- 支付寶小程序未提供保存文件到本地的接口(wx.saveFile)
- 支付寶小程序未提供打開地圖選擇位置接口(wx.chooseLocation)
- 支付寶小程序未提供剪貼板功能(wx.setClipboardData, wx.getClipboardData)
- 支付寶小程序 abridge.getSystemInfo 獲取的系統信息中沒有屏幕寬高、操作系統版本信息
- 支付寶小程序將微信小程序中的 wx.showModal 分解為 abridge.showAlert 和 abridge.showConfirm 兩個接口
- 支付寶小程序未提供獲取節點信息的 API (wx.createSelectorQuery等)
- 支付寶小程序獲取的用戶信息里不包含性別、省市區信息
- 支付寶小程序未提供卡券相關接口
- 支付寶小程序未提供獲取用戶收貨地址的接口