微信小程序開發筆記

在開發微信小程序之前,你需要基本掌握以下幾種技術:

  • HTML
  • CSS
  • JS

簡單介紹一下微信的幾個API

  • wx.login

調用接口獲取登錄憑證(code),使用code調用code2Session接口,換取openid,unionid,session_key。關於unionid獲取的方式,詳見:unionid

  • wx.getSetting

獲取用戶的當前設置,簡單來說,獲取用戶已授權的信息。其中包括用戶信息,地理位置信息等。

  • wx.openSetting

調起客戶端小程序設置界面,返回用戶設置的操作結果。簡單來說,跳轉到一個授權的開關按鈕頁面,裏面顯示的已經向用戶請求過的權限。

  • wx.getUserInfo

獲取用戶信息。這裏返回的爲用戶的基本信息。encryptedData內包含用戶的加密的uinionid等信息。解密需要用到此接口返回的signature和iv,以及code2Session接口返回的session_key

  • wx.setStorage

將數據存儲在本地緩存中指定的 key 中。會覆蓋掉原來該 key 對應的內容。數據存儲生命週期跟小程序本身一致,即除用戶主動刪除或超過一定時間被自動清理,否則數據都一直可用。單個 key 允許存儲的最大數據長度爲 1MB,所有數據存儲上限爲 10MB。

簡單介紹一下微信的顯性授權

從2018年4月30日開始,微信的部分接口將逐步不支持授權彈窗,詳見:公告

對此微信提供了顯性授權的方式,獲取用戶信息。<button open-type='xxx'></button> ,open-type類型詳見:button

簡單介紹一下微信自定義左側頂部返回按鈕

如果要自定義左側頂部返回按鈕,則需將app.json內window的navigationStyle屬性設置爲custom,可以寫一個左側頂部組件,在需要的頁面內引入。組件內可自定義事件。

簡單介紹一下wxs 定義公共腳本

WXS(WeiXin Script)是小程序的一套腳本語言,結合 WXML,可以構建出頁面的結構。簡單說,你可以寫頁面處理函數,截取字符串,判斷非空等等。詳見:wxs

簡單介紹一下common.js/index-config.js/url-config.js

common.js 此js 包含公共的一些函數 正則判斷/公共接口/數據處理

index-config.js 包含正式/測試 環境切換 配置正式/測試環境域名

url-config.js 包含接口連接配置

簡單介紹一下服務器域名/業務域名配置

涉及接口請求,文件上傳,文件下載,socket均需要配置服務器域名

涉及web-view等 均需要配置業務域名

簡單介紹一下本地圖片的相關事宜

大於20K的圖片儘量上傳到CDN等雲服務器上,使用網絡訪問方式,獲取圖片。

產品定位

小程序的產品定位是 輕而快 ,不要用APP的思維去定位小程序

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章