最近任務不多,初步研究了下微信小程序
1、首先,註冊微信公衆平臺賬號,https://mp.weixin.qq.com/
我選擇的個人賬號,個人賬號功能會少些,例如無法調用支付工能。然後配置一些小程序的相關信息。(注:有修改次數限制)
2、下載、安裝微信開發者工具,https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
3、完成搭建之後可以去GitHub上下載一個開源的小程序
推薦:https://github.com/justjavac/awesome-wechat-weapp(小程序開發資源彙總)
我下載的是:https://github.com/EastWorld/wechat-app-mall(微店、微商城)
4、打開項目
image存放圖片、pages存放頁面、utils工具、wxPars微信的解析
外層app.*是項目公用,啓動時初始化的相關文件
可以自定義全局參數、其他頁面引用如下:
pages 包下的目錄結構可以看出,沒給子包下的文件名稱是固定的
pages包下是如何引用公用配置的:var app = getApp();
5、開啓本地調試,以及兩種請求方式get、post
需要設置開發工具,不然報錯:點擊開發工具左上角設置,選擇項目設置,然後選擇 不校驗合法域名,進行本地調試,
如果想調用服務器,需要去公衆平臺配置的調用域名
get請求:
that.globalData.apiDomain + that.globalData.subDomain是配置在全局變量中的域名
post:必須加上紅框中的參數,參見:https://blog.csdn.net/lff1123/article/details/80254282
6、小程序API:https://developers.weixin.qq.com/miniprogram/dev/api/
getUserInfo,新版本必須有個button按鈕去調用,屬性open-type="getUserInfo",
微信api:https://developers.weixin.qq.com/miniprogram/dev/api/wx.getUserInfo.html