個人第一個微信小程序（一）--使用微信web開發工具建立小程序

體驗微信小程序

前幾天微信小程序總算面向我的開發者，上微信公衆平臺註冊個帳號，沒啥難度的。

開發小程序，須要下載微信web開發者工具，點我下載微信web開發者工具

固然在開發過程當中少不了看微信小程序的API文檔，點我看API文檔

 

這個就是微信web開發者工具的界面，

小程序包含一個描述總體程序的 app 和多個描述各自頁面的 page。一個小程序主體部分由三個文件組成，必須放在項目的根目錄，分別爲：

app.js	用於編寫小程序邏輯代碼
app.json	對小程序進行全局配置，決定頁面文件的路徑、窗口表現、設置網絡超時時間、設置多 tab等等
app.wxss	小程序的全局樣式，和css是同樣的

 

下面是微信官方的一個app.json文件，裏面的參數表明什麼意思，參數有什麼值，你們能夠參照我上面說的api文檔去看一下，講解的很清楚，我就再也不贅述了，節約時間。

{
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],
  "window": {
    "navigationBarTitleText": "Demo"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首頁"
    }, {
      "pagePath": "pages/logs/logs",
      "text": "日誌"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}

一個小程序的頁面有四個部分組成，例如上圖中我寫的welcome，裏面包含welcome.js,welcome.json,welcome.wxml,welcome.wxss,

四個文件對應的做用

js	頁面邏輯
json	頁面配置
wxml	至關於html
wxss	至關於css，頁面的樣式

 

注意：這是文件的名字最好要同樣，要不還得去配置

 

 

這就是小程序最基礎的只是了，下一節正式開始小程序的開發