2018最新小程序開(kāi)發(fā)文檔
小程序自2017年正式上線(xiàn)到現(xiàn)在,經(jīng)歷不斷的改版有了一定的新功能,小程序的生態(tài)不斷變化。例如
下面為大家介紹2018最新小程序開(kāi)發(fā)文檔:
web-view 的使用
應(yīng)當(dāng)指定一個(gè)特定的路徑,用于打開(kāi)任意的在業(yè)務(wù)域名白名單內(nèi)的頁(yè)面。頁(yè)面目錄
由于
web-view/index.js 的主要邏輯如下:
Page({
data: {
url: '',
},
onLoad() {
const sysInfo = wx.getSystemInfoSync();
const version = new Version(sysInfo.SDKVersion);
// web-view 組件是 1.6.4 基礎(chǔ)庫(kù)開(kāi)始支持的
// 但是其 JS-SDK 卻是從 1.6.6 才開(kāi)始支持
// 所以這里要求最低為 1.6.6
if (version.isLowerThan('1.6.6')) {
return wx.showModal({
title: '提示',
content: '當(dāng)前微信版本過(guò)低,無(wú)法在小程序內(nèi)打開(kāi)網(wǎng)頁(yè),請(qǐng)升級(jí)到最新微信版本后重試。',
showCancel: false,
confirmText: '知道了',
success() {
wx.navigateBack();
}
});
}
// 可以拿到 URL 里的查詢(xún)參數(shù)
if (options && options.__host) {
let url = decodeURIComponent(options.__host || '');
const query = Object.assign({}, options);
delete query.__host;
url += '?' + util.stringifyQuery(query);
this.setData({url});
}
})
其他頁(yè)面在想使用 web-view 時(shí)就可以這樣,方式1:
通過(guò)web-view打開(kāi)網(wǎng)頁(yè)
或者方式2:
const url = 'https://your.host.name/path/to/page?query_1=value_1&query_2=value_2';
wx.navigateTo({
url: '/pages/webview/index__host=' + encodeURIComponent(url)
});
數(shù)據(jù)緩存
可以比較充分地使用小程序的 storage 接口,進(jìn)行本地緩存。建議緩存的數(shù)據(jù)包括:
元數(shù)據(jù)
用戶(hù)登錄后的基礎(chǔ)數(shù)據(jù),例如 userId,token
設(shè)備ID
圖片資源
由于小程序的樣式表里無(wú)法使用相對(duì)路徑引用圖片文件,所以很多時(shí)候只好使用 base64 進(jìn)行轉(zhuǎn)碼。
常用的類(lèi)
用于網(wǎng)絡(luò)請(qǐng)求的 request.js,支持 Promise 接口
版本判斷,Version.js
時(shí)間日期格式化,類(lèi)似于 moment.js,但是要更為輕量級(jí)
URL 解析與序列化,url.js
兼容性
iOS 與 Android 平臺(tái)下,即便相同的小程序,也有許多細(xì)節(jié)上的差異。在進(jìn)行兼容性測(cè)試時(shí)需要按照 H5 的平臺(tái)兼容性進(jìn)行測(cè)試。
此外,還有微信各版本的兼容性測(cè)試。前端要基于 Version.js 判斷微信小程序 SDKVersion,以便對(duì)低版本進(jìn)行友好的提示。
HiShop小程序工具提供多類(lèi)型商城/門(mén)店小程序制作,可視化編輯 1秒生成5步上線(xiàn)。通過(guò)拖拽、拼接模塊布局小程序商城頁(yè)面,所看即所得,只需要美工就能做出精美商城。
更多小程序資訊,盡在:m.descansotropical.com/xiaocx/