我的第一個微信小程序（一）--使用微信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，頁面的樣式

 

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

 

 

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