微信小程序開發---小程序提供的能力和常用API---5


小程序提供的能力和常用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";

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM