1. 程式人生 > >微信小程式功能介紹

微信小程式功能介紹

是什麼?

概念

援引官方對產品的定義:

我們提供了一種新的開放能力,讓開發者可以快速地開發一個 小程式。小程式可以在微信內被便捷地獲取和傳播,同時具有出色的使用體驗。

AppID

在公眾平臺 設定 - 開發者設定 中,檢視到微信小程式的 AppID ,它和服務號或訂閱號的 AppID是不相同的 。

框架

小程式開發框架的目標是通過儘可能簡單、高效的方式讓開發者可以在微信中開發 具有 原生APP體驗的服務。框架的核心是一個 響應資料繫結 系統

環境

微信小程式執行在三端:iOS、Android和 用於除錯的開發者工具

  • iOS
    上小程式的javascript程式碼是執行在JavaScriptCore中
  • Android 上小程式的javascript程式碼是通過X5核心來解析
  • 開發工具 上小程式的javascript程式碼是執行在nw.js(chrome核心)中
  • 由於框架並非執行在瀏覽器中,所以JavaScript在web中一些能力都無法使用,如document,window 等。

個人理解:微信小程式是一種執行在“閹割版”的瀏覽器環境中以B/S構架提供資料收集與展示的指令碼程式。

有什麼?

元件

框架為開發者提供了一系列基礎元件,開發者可以通過組合這些基礎元件進行快速開發。基礎元件分為以下八大類:

  1. 檢視容器
  2. 基礎內容
  3. 表單
  4. 操作反饋
  5. 導航
  6. 多媒體
  7. 地圖
  8. 畫布

資源

  • 基於微信小程式輕快的特點,微信擬定了小程式介面設計指南和建議。旨在微信生態體系內,建立友好、高效、一致的使用者體驗,同時最大程度適應和支援不同需求。
  • WeUI是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信內網頁和微信小程式量身設計,令使用者的使用感知更加統一。

能幹什麼?

網路

上傳下載

將本地資源上傳到開發者伺服器

WebSocket

一種在單個TCP連線上進行全雙工通訊的協議,能夠輕鬆構建低延遲的客戶端。

媒體

從本地相簿選擇圖片或使用相機拍照、預覽圖片和獲取圖片資訊

錄音

開始和停止錄音,另外當錄音超過1分鐘時自動結束錄音。

音訊播放控制

  • 開始播放語音,同時只允許一個語音檔案正在播放,如果前一個語音檔案還沒播放完,將中斷前一個語音播放。
  • 暫停正在播放的語音、結束播放語音和重新開始播放語音

音樂播放控制

  • 獲取音樂播放狀態、暫停和停止播放音樂,控制音樂播放進度
  • 播放音樂,同時只能有一首音樂正在播放。

檔案

  • 儲存到本地、刪除本地儲存的檔案,獲取檔案列表及檔案資訊
  • 新開頁面開啟文件,支援格式:doc, xls, ppt, pdf, docx, xlsx, pptx

視訊

  • 拍攝視訊或從手機相簿中選視訊,返回視訊的臨時檔案路徑。
  • 拍攝視訊最長拍攝時間,單位秒。最長支援60秒
  • 可以使用前置或者後置攝像頭,預設為前後都有
  • 檔案的臨時路徑,在小程式本次啟動期間可以正常使用,如需持久儲存,需在主動上面的檔案介面將視訊儲存到本地,在小程式下次啟動時才能訪問得到。

資料

  • 每個微信小程式都可以有自己的本地快取,可以通過介面對本地快取進行設定、獲取和清理。
  • 本地快取最大為10MB。
  • localStorage是永久儲存,不建議將關鍵資訊全部存在localStorage,以防使用者換裝置的情況

位置

  • 獲取當前的地理位置、速度(單位m/s)
  • 開啟地圖選擇位置,使用微信內建地圖檢視位置

裝置

  • 獲取網路型別(2g,3g,4g,wifi)
  • 獲取系統資訊(手機型號、微信版本號等)
  • 監聽重力感應資料,頻率:5次/秒
  • 監聽羅盤資料,頻率:5次/秒
  • 撥打電話

介面

  • 顯示訊息提示框、隱藏訊息提示框、顯示模態彈窗和顯示操作選單
  • 動態設定當前頁面的標題、在當前頁面顯示導航條載入動畫和隱藏導航條載入動畫
  • 保留當前頁面,跳轉到應用內的某個頁面;關閉當前頁面,跳轉到應用內的某個頁面;關閉當前頁面,返回上一頁面或多級頁面
  • 建立一個動畫例項,對動畫的控制有旋轉、縮放、偏移、傾斜和矩形變形等。
  • 繪圖上下文context物件,使用H5 標籤來繪製圖表和動畫。
  • 其他的一些介面控制,例如收起鍵盤、停止當前頁面下拉重新整理等。

開放介面

  • 登入,使用微信賬號登入
  • 使用者資訊,需要先登入,能夠獲取到的資訊有:暱稱、頭像、性別和所在省市
  • 微信支付,發起微信支付
  • 模板訊息,需要在小程式 模板訊息 頁面申請並通過稽核;點選檢視詳情僅能跳轉下發模板的該帳號的各個頁面;下發條件說明:一是支付,二是提交表單。