张小龙:小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。
个人
企业
政府
媒体
其他组织
第一步:注册小程序
第二步:小程序信息完善
小程序信息填写
第三步:开发小程序
第四步:提交审核和发布
无
参考官网:https://developers.weixin.qq.com/miniprogram/dev/framework/structure.html
app.json 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。QuickStart 项目里边的 app.json 配置内容如下:
{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"
}
}
我们简单说一下这个配置各个项的含义:
pages字段 —— 用于描述当前小程序所有页面路径,这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。
window字段 —— 定义小程序所有页面的顶部背景颜色,文字颜色定义等。
其他配置项细节可以参考文档 小程序的配置 app.json 。
总结:主配置文件app.json位于小程序项目的根目录中,用来对小程序进行全局配置,包括配置所有页面的路径、窗口表现、设置网络超时时间、设置页面头部或底部tab栏等。
通常大家在使用一个工具的时候,都会针对各自喜好做一些个性化配置,例如界面颜色、编译配置等等,当你换了另外一台电脑重新安装工具的时候,你还要重新配置。
考虑到这点,小程序开发者工具在每个项目的根目录都会生成一个 project.config.json,你在工具上做的任何配置都会写入到这个文件,当你重新安装工具或者换电脑工作时,你只要载入同一个项目的代码包,开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置,其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。
其他配置项细节可以参考文档 开发者工具的配置 。
总结:
这里的 page.json 其实用来表示 pages/logs 目录下的 logs.json 这类和小程序页面相关的配置。
如果你整个小程序的风格是蓝色调,那么你可以在 app.json 里边声明顶部颜色是蓝色即可。实际情况可能不是这样,可能你小程序里边的每个页面都有不一样的色调来区分不同功能模块,因此我们提供了 page.json,让开发者可以独立定义每个页面的一些属性,例如刚刚说的顶部颜色、是否允许下拉刷新等等。
其他配置项细节可以参考文档 页面配置 。
注:配置文件的优先级是page.json大于app.json
通过模拟器,我们可以选择模拟的移动设备的机型、显示比例
通过编辑器我们可以在线进行代码编写
打开调试器,我们可以看到页面的打印、报错显示、文件资源、网络传输、等内容,重点关注"Console"、"Network"
我们每次修改代码之后都需要点击编译来使得修改的代码编译生效,点击编译之后,模拟器、调试器的展示也会随之刷新
我们可以在项目编译之后,点击预览来生成一个二维码,所有加入项目开发的成员都可以通过手机微信端来扫描此二维码查看真机效果
真机调试是可以分析真机环境下的页面报错、数据交互等,开发者需要重点掌握此调试方式
补充:客户端的调试方式
有时发现页面的修改并未及时生效或者调试出现非正常报错,我们可以点击清缓存将本地的指定类型的缓存清除
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。