商城系統(tǒng) 注冊

2018最新小程序開發(fā)文檔

2018-01-31|HiShop
導讀:小程序自2017年正式上線到現(xiàn)在,經(jīng)歷不斷的改版有了一定的新功能,下面為大家介紹2018最新小程序開發(fā)文檔...

 

2018最新小程序開發(fā)文檔

小程序自2017年正式上線到現(xiàn)在,經(jīng)歷不斷的改版有了一定的新功能,小程序的生態(tài)不斷變化。例如 最開始不支持其打開的 web 頁面調(diào)起小程序頁面,后來則新增了 JS-SDK 并在高版本的基礎(chǔ)庫里支持了這樣的功能;再例如它的 IDE 不斷優(yōu)化升級,開發(fā)體驗變好;頁面的5級跳轉(zhuǎn)限制,改為了10級;小程序體積限制由 1MB 擴大為了 2MB …… 總體來說,一直在朝著好的方向發(fā)展。

下面為大家介紹2018最新小程序開發(fā)文檔:

web-view 的使用

應當指定一個特定的路徑,用于打開任意的在業(yè)務域名白名單內(nèi)的頁面。頁面目錄

由于 所在頁面只會渲染 web 頁面,其他任何組件都不顯示,所以,在相應的 HTML 里就只包含這樣的一個組件即可:

web-view/index.js 的主要邏輯如下:

Page({
  data: {
    url: '',
  },
  onLoad() {
    const sysInfo = wx.getSystemInfoSync();
    const version = new Version(sysInfo.SDKVersion);
    // web-view 組件是 1.6.4 基礎(chǔ)庫開始支持的
    // 但是其 JS-SDK 卻是從 1.6.6 才開始支持
    // 所以這里要求最低為 1.6.6
    if (version.isLowerThan('1.6.6')) {
      return wx.showModal({
        title: '提示',
        content: '當前微信版本過低,無法在小程序內(nèi)打開網(wǎng)頁,請升級到最新微信版本后重試。',
        showCancel: false,
        confirmText: '知道了',
        success() {
          wx.navigateBack();
        }
      });
    }
    // 可以拿到 URL 里的查詢參數(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});
  }
})

其他頁面在想使用 web-view 時就可以這樣,方式1:

  通過web-view打開網(wǎng)頁

或者方式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 接口,進行本地緩存。建議緩存的數(shù)據(jù)包括:

元數(shù)據(jù)
用戶登錄后的基礎(chǔ)數(shù)據(jù),例如 userId,token
設(shè)備ID

圖片資源

由于小程序的樣式表里無法使用相對路徑引用圖片文件,所以很多時候只好使用 base64 進行轉(zhuǎn)碼。

常用的類

用于網(wǎng)絡(luò)請求的 request.js,支持 Promise 接口
版本判斷,Version.js
時間日期格式化,類似于 moment.js,但是要更為輕量級
URL 解析與序列化,url.js

兼容性

iOS 與 Android 平臺下,即便相同的小程序,也有許多細節(jié)上的差異。在進行兼容性測試時需要按照 H5 的平臺兼容性進行測試。

此外,還有微信各版本的兼容性測試。前端要基于 Version.js 判斷微信小程序 SDKVersion,以便對低版本進行友好的提示。

 


HiShop小程序工具提供多類型商城/門店小程序制作,可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面,所看即所得,只需要美工就能做出精美商城。

更多小程序資訊,盡在:zytcm.com.cn/xiaocx/

電話咨詢 預約演示 0元開店