小程序提供的能力和常用API
- 微信API
- 開發能力
- 基礎組件
微信API
- 網絡請求
- 本地儲存
- 文件系統
網絡請求
- HTTP請求 (異步的請求!!!!!!!)
-
wx.request({ //HTTP請求,wx.request()函數包含一個對象{...} url: '', //string類型,表示服務端地址 data: {}, //表示請求參數 header: {}, //object類型,表示HTTP headers請求頭 method: 'POST', //string類型,請求方法 success: function(res){ //function類型,接口成功的回調函數 console.log(res.data) }, fail: function(res){} //function類型,接口失敗的回調函數 })
異步特性
- 文件上傳、下載
- 上傳文件
-
wx.uploadFile({ url: 'upload', //服務端地址 filePath: 'example.jpg', //文件資源的路徑 name: 'file', //文件對應的Key,文件名字 formData: { //文件附加信息 'user':‘test’ }, success(res){ //異步的,成功回調函數 console.log(res.data) } })
- 下載文件
-
wx.downloadFile({ url: 'download', //下載的url header: {}, filePath: 'example.jpg', //下載后存儲的路徑 success(res) { //接口成功的回調函數 console.log(res.statusCode) } })
- *Task(網絡任務對象)
異步任務提交以后,需要對任務進行操作時,使用Task對象。
-
- RequestTask (發起HTTP請求,可以得到一個RequestTask)
- UploadTask (同理,上傳文件時,也可以得到)
- DownloadTask (同理)
- SocketTask (同理)
拿到這些task,可以做什么呢?
-
- 中斷任務 (比如上傳文件的時候,上傳到一半的時候,想取消它,可以調用這task來中斷)
- 觸發回調函數 (比如上傳文件的時候,上傳到10%時,可以用task來觸發回調函數)
- 關閉連接 (比如HTTP請求,socket請求,請求到一半,可以用task對象來關閉網絡連接)
本地存儲
將數據存儲在本地緩存中指定的key中,數據存儲生命周期跟小程序本身一致
操作本地存儲,有四個API:
- wx.setStorage
- wx.getStorage(異步的), 也有同步的api:wx.getStorageSync
- wx.removeStorage
- wx.clearStorage (慎用,會把本地所有的緩存都刪除掉)
文件系統
- 全局文件管理器
獲取全局唯一的文件管理器
var fs=wx.getFileSystemManager()
- 文件的增刪改查
對文件進行操作的API有很多,完全覆蓋編程語言對文件的各種操作
fs.saveFile
fs.writeFile
fs.readFile
fs.removeSavedFile
fs.appendFile
- 文件夾的操作
fs.mkdir
fs.rmdir
fs.isDirectory
fs.isFile
開發能力
- 用戶數據
- 推送消息
- 運營數據
用戶數據
- 頭像、昵稱等公開信息 --- wx.getUserInfo()
- openid等敏感數據
推送消息
基於微信的通知渠道,小程序框架為開發者提供了可以高效觸達用戶的消息。(在微信的服務通知查看)
運營數據
- 小程序管理后台---數據分析
- 小程序數據助手(小程序)
基礎組件
- 視圖容器---view、scroll-view、swiper、cover-view
- 基礎內容---text、icon、rich-text
- 表單、導航---button、form、input
WeUI-wxss
- WeUI是一套同微信原生視覺體驗一致的基礎樣式庫
- 微信官方設計團隊為微信內網頁和微信小程序量身設計
- 包含button、view等眾多元素
- Github搜索weui-wxss獲取源碼
- 手機預覽,微信搜索:weui小程序
怎么使用weui
1.新建一個thirdparty的目錄,放入weui.wxss文件
2.在全局的app.wxss文件中,加入 @import"thirdparty/weui.wxss";