開發者、三方服務商:支付寶小程序和微信小程序開發上的不同點

開發者、三方服務商:支付寶小程序和微信小程序開發上的不同點
開發者、三方服務商:支付寶小程序和微信小程序開發上的不同點

同一商品詳情界面支付寶小程序實現

1.文件後綴名

2.xml文件模板語言 a: wx:

3.api調用對象 my. wx.

4.網絡請求接口 my.httpRequest wx.request

5.獲取緩存數據 my.getStorage({‘key’:”}) wx.getStorage(”)

6.點擊事件 onXXX–> bindXXX onTap bindtap

7.xml模板裡面{{}}可以進行++ –運算,微信不可以

8.wx:for 需要同時有一個wx:key

9.swiper 微信小程序會有一個固定高度150,需要動態改變高度

<view>
<swiper>

<block>
<swiper-item>
<image>
/<swiper-item>
/<block>
/<swiper>
/<view>
.swiper image {
width: 100%;
height: auto;
}
data: {
//圖片地址
imgList: ['/images/x1.png', '/images/x2.png', '/images/x3.png', '/images/x4.png'],
//是否採用銜接滑動
circular: true,
//是否顯示畫板指示點
indicatorDots: false,
//選中點的顏色
indicatorcolor: "#000",
//是否豎直
vertical: false,
//是否自動切換
autoplay: true,
//自動切換的間隔
interval: 2500,
//滑動動畫時長毫秒
duration: 100,
//所有圖片的高度
imgheights: [],
//圖片寬度
imgwidth: 750,
//默認
current: 0
},
imageLoad: function (e) {//獲取圖片真實寬度
var imgwidth = e.detail.width,
imgheight = e.detail.height,
//寬高比

ratio = imgwidth / imgheight;
console.log(imgwidth, imgheight)
//計算的高度值
var viewHeight = 750 / ratio;
var imgheight = viewHeight;
var imgheights = this.data.imgheights;
//把每一張圖片的對應的高度記錄到數組裡
imgheights[e.target.dataset.id] = imgheight;
this.setData({
imgheights: imgheights
})
},
bindchange: function (e) {
// console.log(e.detail.current)
this.setData({ current: e.detail.current })
},

10.網絡請求如果是post方式,必須設置header

 header: {
"Content-Type": "application/x-www-form-urlencoded" //post請求設置
},

11.導航欄顏色

支付寶小程序通過js 可以設置

維信小程序在json文件中設置,注意單個頁面設置的時候不能寫window

注:我們在實際小程序產品的研發中,只要我們開發人員根據上面說的並運用到產品開發中。就可以完美的達到如下效果,個人開發者、三方代開發服務商的技術人員可以根據自身的實際情況對支付寶小程序和微信小程序進行兩個平臺的小程序產品快速轉換達到小程序快速發佈兩個平臺上。 假如之前我們已經為我們的商戶上架發佈了微信電商版小程序產品,後因商戶業務發展商戶(

客戶是上帝)需要開發者(三言服務商)這邊加錢開發同款的支付寶電商版小程序發佈到支付寶APP平臺上去,這時只要我們開發人員應用並尊循以上面說的在開發中的注意事項(區別),只要把微信的小程序源碼按模塊一部分一部分導入到支付寶開發工具中改一下即可發佈到支付寶這個國內超級金融消費平臺上,為商戶產品的快速變現及用戶流量快速導入做出快速準備..

最後別忘了把服務端通過參數區分一下支付渠道,微信的走微信的財富通支付渠道,支付寶走支付寶的支付支付渠道,完成下單支付整個流程就可以。

預祝所有開發者、三方服務商在兩大平臺上的發展通過以上建議在產品和業務的發展上都如虎添翼...


分享到:


相關文章: