在開發微信小程序之前,你需要基本掌握以下幾種技術:
- 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的思維去定位小程序