小程序之开发基础

前言

之前一直从事C和GO的相关工作，对这一类一窍不通，一时兴起爬爬坑，如果有什么错误的地方，还请不吝赐教。

1.小程序注册

要进行小程序的开发，需要先前往 微信公众平台 进行注册。

选择注册的账号类型 “小程序”之后，填写信息注册。

注册成功之后，将获得一个唯一的小程序ID，用于自己开发小程序用。

2.安装开发者工具

前往 微信官网 下载微信开发者工具。
官网提供了三个版本，安装稳定版即可。

安装过程略过，自定义安装路径，我是安装在D盘。
运行开发者工具，新建项目。

项目名称：最好是不含中文。
目录：默认在安装路径的project目录下。
AppID：就是注册后获得的小程序ID，若只是学习，点击使用测试号即可。
开发模式：小程序。
后端服务：暂时不需要，这里选择不使用云服务。
语言：JavaScript。

3.开发者工具界面

编译：编译代码，若无设置，保存时自动编译。
预览：可以生成一个有时限的二维码，供手机扫码预览。
真机调试：生成二维码供手机扫码测试，可以查看详细测试数据。

4.MINA框架

MINA是开发微信小程序的框架，核心是一个响应的数据绑定系统，分为 视图层[view] 和 逻辑层[App Service] 。
MINA程序包含一个描述整体程序的app和多个描述各自页面的page组成。
MINA程序主体部分由三个文件组成，必须放在根目录：

• app.js(逻辑)
• app.json(公共设置)
• app.wxss(公共样式表)

MINA页面由由4个文件组成，wxml和js必须要有：

• wxml(页面结构)
• wxss(页面样式表)
• json(页面配置)
• js(页面逻辑)

PS:描述page的4个文件应具有相同的路径和文件名。

4.1 全局配置

打开app.json文件。

Tips：
1.window中的样式可以被page自己设置的样式覆盖。
2.新增页面时，在pages中加上页面，保存即自动生成对应文件。

4.2 程序注册

App()用来注册一个程序，必须在app.js中，且仅有一个。

4.3 页面注册

Page()用来注册一个页面，在对应的js文件中。

今天先到这里，完成了小程序注册、开发者工具安装及小程序的简单介绍。