当前位置:首页手机软件教程支付宝小程序怎么创建 支付宝小程序怎么开发 (2)

支付宝小程序怎么创建 支付宝小程序怎么开发 (2)

小王数码
2017-08-18 15:48 电脑百事网 0

怎么开发支付宝小程序

一.小程序框架结构 

1、小程序分为app和page两层,app描述整体程序,page描述各个页面。 

2、app代表顶层应用,管理所有页面和全局数据,以及提供生命周期方法,他也是一个构造方法,生成app实例。 每个小程序的顶层一般包含三个文件:app.js(应用逻辑), app.acss(应用样式) ,app.json(应用配置) app.json用于全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 

以下是一个包含了部分配置选项的简单配置app.json。

复制代码

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

3.page代表应用的一个页面,负责页面展示和交互。每个页面对应一个子目录,一般有多少个页面,就有多少个子目 
 录。它也是一个构造函数,用来生成页面实例。page由四个文件组成,文件类型分别是:js(页面逻辑) axml(页面 
 结构) acss (页面样式表) json(页面配置) ,具体请【参考地址】 

二.小程序调试 
 1.模拟器调试ide模拟器提供了以下功能:设备模拟(尺寸 精度等),编译日志、编译错误提示、刷新,支付宝JsAPI模拟以及位置、蓝牙、启动参数等模拟接口自定义配置(如下图) 

33_87_7318f607700b848.gif

2.调试工具 :配合模拟器,ide提供了定制化的 chrome devtool,在其基础上提供比如 axml 等扩展。默认展示: 
   AXML,基于小程序元素的 dom、css 调试 
   Console,运行日志、错误查看 
   Storage,缓存数据查看、编辑 
   Sources,源码查看、断点调试 
   Network,网络资源、请求查看 

33_87_eb64af1311a3b2e.gif


3.真机调试 真机预览需要注意以下三点:   1)首先你得提供一个 APP ID(如果你还没有申请,请前往 开放平台 申请)   

2)生产环境的预览有权限限制,你需要选择推送自己或者对应的开发者(该 APP ID 下添加的开发者)   

3)我们提供生产环境的调试工具,选中开启真机调试工具即可

33_87_2eb2da0a81fc845.png

提示:支持键盘“← →”键翻页 阅读全文
意见反馈
返回顶部