微信小程序-介紹和開發準備

一：背景

1：爲何會有小程序？

 　　需求角度：爲了知足市場需求，爲了知足人的消費方式。

　　技術角度：公衆號頁面加載緩慢和白屏現象，小程序就是爲了可以讓頁面快速加載。

2：什麼是小程序？

小程序是一種不須要下載安裝便可使用的應用，它實現了應用「觸手可及」的夢想；

用戶掃一掃或者搜一下便可打開應用，也體現了「用完即走」的理念；

用戶不用關心安裝太多應用的問題，應用將無處不在，隨時可用，但又「無需安裝卸載」

 

3：小程序和移動應用程序的區別？

 　　無需安裝、不佔內存、易傳播

4：小程序能作什麼？

　　

　　

 

二：小程序開發準備

1：申請小程序的帳號

　　

1.1 打開微信公衆平臺官網

　　　

　　

　　

1.2 激活郵箱

　　

1.3 信息登記

　　

　　

　　

1.4 微信小程序管理後臺

 　　咱們平時在 https://mp.weixin.qq.com/  登陸時，就會進入到這個後臺

　　

　　點擊填寫進入小程序信息界面

　　

 

2：安裝微信開發者工具

 進入官方文檔

 

 

下載

下載好後安裝

 

 

三：瞭解微信開發者工具

能夠參考官網介紹。官網介紹很是詳細

1：目錄結構

 

一個小程序主體部分由三個文件組成，必須放在項目的根目錄，以下：

　　

文件	必需	做用
app.js	是	小程序邏輯
app.json	是	小程序公共配置
app.wxss	否	小程序公共樣式表

一個小程序頁面由四個文件組成，分別是：

文件類型	必需	做用
js	是	頁面邏輯
wxml	是	頁面結構
json	否	頁面配置
wxss	否	頁面樣式表

注意：爲了方便開發者減小配置項，描述頁面的四個文件必須具備相同的路徑與文件名。

 

其餘：

2：小程序代碼的構成　

1. .json 後綴的 JSON 配置文件
2. .wxml 後綴的 WXML 模板文件
3. .wxss 後綴的 WXSS 樣式文件
4. .js 後綴的 JS 腳本邏輯文件

2.1 小程序配置文件json

JSON 是一種數據格式，並非編程語言，在小程序中，JSON扮演的靜態配置的角色。

咱們能夠看到在項目的根目錄有一個 app.json 和 project.config.json，此外在 pages/logs 目錄下還有一個 logs.json，咱們依次來講明一下它們的用途。

2.1.1 app.json

小程序根目錄下的 app.json 文件用來對微信小程序進行全局配置，決定頁面文件的路徑、窗口表現、設置網絡超時時間、設置多 tab 等。

{
  "pages": ["pages/index/index", "pages/logs/logs"],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle": "black"
  }
}

咱們簡單說一下這個配置各個項的含義:

1. pages字段 —— 用於描述當前小程序全部頁面路徑，這是爲了讓微信客戶端知道當前你的小程序頁面定義在哪一個目錄。
2. window字段 —— 定義小程序全部頁面的頂部背景顏色，文字顏色定義等。

其餘配置項細節能夠參考文檔 小程序的配置 app.json 。

 

四：微信小程序的開發