小程序端基本概念

最近更新时间:2020-03-16 18:16:32

微信小程序是指在微信生态内,无需下载及安装的轻应用,用户可以通过微信的扫一扫或搜索功能即可使用,微信小程序的后端服务可使用云开发提供服务,可无需域名备案即可在小程序开发者工具内完成后端服务访问和开发。

开通小程序

在开发小程序前,需要先在微信侧开通一个小程序用做开发,开通小程序则需要先在微信公众平台注册小程序账号,再使用开发者工具创建小程序项目,具体的开发步骤可见 小程序快速入门

小程序的结构

每个小程序主要由两部分构成:

  • 主体部分(app)
  • 自定义页面(pages)

其中主体部分主要用于核心的配置,而其他页面则针对不同的业务场景自定义开发。

主体部分

主体部分即 app 就是小程序的框架,用于支撑 pages、逻辑层的调用,以及对数据、wxss 等的解析。
主体部分主要由以下文件构成:

  • app.js,小程序的逻辑文件,用于初始化 App 等。
  • app.json,小程序的全局配置文件,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab,用于导航、窗口、页面或 HTTP 的请求跳转等。
  • app.wxss,小程序的全局公共样式配置,每一个页面都生效。
  • sitemap.json,用来配置小程序及其页面是否允许被微信索引,可对特定页面的索引进行关闭。

完成框架部分后,开发者就可以开始自身业务的开发。

页面

小程序的页面一般由以下文件组成:

小程序的页面也遵循 MVC 结构进行构建即:模型(model)-视图(view)-控制器(controller)的设计方法。

  • js,页面逻辑,相当于控制层(C),也包括部分的数据(M)。
  • json,页面配置,配置一些页面展示的数据,充当部分的模型(M)。
  • wxml,页面结构展示,相当于视图层(V)。
  • wxss,页面样式表,纯前端,用于辅助 wxml 展示。

其他部分

工具配置 project.config.json 常用于更换电脑开发环境,恢复小程序开发工具的个性化配置。
更多小程序详情内容可参考 微信小程序官方文档

小游戏

小游戏同小程序一样,依托于微信生态,用户可即点即玩,无需下载安装,小游戏是小程序的一个类目。
微信团队在小程序环境的基础上提供了 WebGL 接口封装,使渲染能力和性能有大幅度提升,增加了这些能力后,小程序开发者具备了开发游戏的能力。
小游戏跟小程序在文件结构有些小差异,小游戏仅有两个必要文件:

  • game.js,小游戏的入口文件
  • game.json,配置文件

更多小游戏详情可参考 微信官方文档

使用云开发能力

使用微信的小程序和小游戏云开发,在微信开发者工具内,即可完整体验。
开发小程序的时候,选择小程序云开发模式

启动云开发控制台(如果第一次使用,请按照提示注册),即可使用云开发的管理能力。

更多详细的云开发的使用方式,可参考 微信小程序官方文档

目录