前言
之前一直从事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文件中。
今天先到这里,完成了小程序注册、开发者工具安装及小程序的简单介绍。