支付寶小程序如何開(kāi)發(fā) 支付寶小程序開(kāi)發(fā)教程(2)

　　支付寶小程序如何開(kāi)發(fā)？

　　一.小程序框架結(jié)構(gòu)

　　1、小程序分為app和page兩層，app描述整體程序，page描述各個(gè)頁(yè)面。

　　2、app代表頂層應(yīng)用，管理所有頁(yè)面和全局?jǐn)?shù)據(jù)，以及提供生命周期方法，他也是一個(gè)構(gòu)造方法，生成app實(shí)例。 每個(gè)小程序的頂層一般包含三個(gè)文件：app.js(應(yīng)用邏輯)， app.acss(應(yīng)用樣式) ，app.json(應(yīng)用配置) app.json用于全局配置，決定頁(yè)面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時(shí)時(shí)間、設(shè)置多 tab 等。

　　以下是一個(gè)包含了部分配置選項(xiàng)的簡(jiǎn)單配置app.json。

　　復(fù)制代碼

　　{"pages": ["pages/index/index","pages/logs/index"],"window":{ "defaultTitle":"Demo" }}

　　3.page代表應(yīng)用的一個(gè)頁(yè)面，負(fù)責(zé)頁(yè)面展示和交互。每個(gè)頁(yè)面對(duì)應(yīng)一個(gè)子目錄，一般有多少個(gè)頁(yè)面，就有多少個(gè)子目

　　錄。它也是一個(gè)構(gòu)造函數(shù)，用來(lái)生成頁(yè)面實(shí)例。page由四個(gè)文件組成，文件類型分別是：js(頁(yè)面邏輯) axml(頁(yè)面

　　結(jié)構(gòu)) acss (頁(yè)面樣式表) json(頁(yè)面配置) ，具體請(qǐng)【參考地址】

　　二.小程序調(diào)試

　　1.模擬器調(diào)試ide模擬器提供了以下功能：設(shè)備模擬(尺寸 精度等)，編譯日志、編譯錯(cuò)誤提示、刷新，支付寶JsAPI模擬以及位置、藍(lán)牙、啟動(dòng)參數(shù)等模擬接口自定義配置(如下圖)

　　2.調(diào)試工具 ：配合模擬器，ide提供了定制化的 chrome devtool，在其基礎(chǔ)上提供比如 axml 等擴(kuò)展。默認(rèn)展示：

　　AXML，基于小程序元素的 dom、css 調(diào)試

　　Console，運(yùn)行日志、錯(cuò)誤查看

　　Storage，緩存數(shù)據(jù)查看、編輯

　　Sources，源碼查看、斷點(diǎn)調(diào)試

　　Network，網(wǎng)絡(luò)資源、請(qǐng)求查看

　　3.真機(jī)調(diào)試 真機(jī)預(yù)覽需要注意以下三點(diǎn)： 1)首先你得提供一個(gè) APP ID(如果你還沒(méi)有申請(qǐng)，請(qǐng)前往 開(kāi)放平臺(tái) 申請(qǐng))

　　2)生產(chǎn)環(huán)境的預(yù)覽有權(quán)限限制，你需要選擇推送自己或者對(duì)應(yīng)的開(kāi)發(fā)者(該 APP ID 下添加的開(kāi)發(fā)者)

　　3)我們提供生產(chǎn)環(huán)境的調(diào)試工具，選中開(kāi)啟真機(jī)調(diào)試工具即可。

　　以上就是我介紹的支付寶小程序如何開(kāi)發(fā) 支付寶小程序開(kāi)發(fā)教程，希望對(duì)你有幫助。