以一个小程序示例为例
1.基本页面文件设置与开发基础
1.1创建小程序,注册小程序获取App Id
创建小程序,可以先注册一个appid直接进行开发,也可以先使用测试号,待开发完成后,重新申请一个正式的appid,将测试号的代码迁移到正式小程序中即可。有购买腾讯云开发服务的可以使用微信云开发,有自己的网站服务器或想自主开发的可以不使用云服务,若是按照特定需求开发一般不用模板。注册appid需要一个未绑定过任何公众号、小程序的邮箱,具体步骤按照微信官方指引。
1.2app.js
app.js中会创建App对象,包含onlaunch方法、全局数据globalData(即在任意页面都可以通过app对象调用)、包含其他的自定义方法比如变更全局数据的方法。
1.3app.json
文件页面配置,以json格式存储数据,pages中存放需要呈现的页面路径;entryPagePath设置首先打开的页面,tabBar设置底部导航栏,如下,详细介绍参考微信开发文档。
1.4 app.wxss/project.config.json
app.wxss为全局样式文件,以上三个json文件为小程序的一些配置,一般不用去更改。
1.5内容页面
创建一个文件夹如pages存放每个小程序页面,创建单个页面文件如about文件夹,并在app.json中配置此页面,自动编译生成about.js,about,json,about.wxml,about.wxss;小程序所需的图片、视频等资源可以另外新建一个文件夹存放。微信小程序有大小限制,不推荐将资源文件存放在项目中,除了项目中必须的一些基本图标,如底部导航栏图标等,总共资源文件不超过200kb为宜,其他的资源文件宜采用网络地址存放,即url。
1.6 开发基础
wxml即页面布局,与html相似;wxss即页面样式,与css相似,小程序js应用与vue框架相似,采用数据绑定的形式,具体内容参考微信开发文档。