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

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

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

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

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

　　以下是一個包含了部分配置選項的簡單配置app.json。

　　復制代碼

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

　　3.page代表應用的一個頁面，負責頁面展示和交互。每個頁面對應一個子目錄，一般有多少個頁面，就有多少個子目

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

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

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

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

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

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

　　Console，運行日志、錯誤查看

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

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

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

　　3.真機調(diào)試 真機預覽需要注意以下三點： 1)首先你得提供一個 APP ID(如果你還沒有申請，請前往 開放平臺 申請)

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

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

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