微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或搜一下即可打开应用。下面简单介绍一下开发入门
一、注册小程序账号
1、进入微信公众平台t015d2b6b5aa2198d90
2、点击立即注册t01be073b2831776d58
3、选择小程序t01c0f461f3353ef1fd4、填写信息注册即可t013fd2e4a1e8aeff755、绑定开发者t01a5b0f847c8e4f235t01c2c81d84016d7d6f
6进入“设置-开发设置”,获取AppID信息。t012ba7c0ceaa59a0f4二、下载微信web开发者工具1点击小程序后的查看详情t014d69baaa6ae941642、选择开发者工具t010ea3cffdc452bec1
3、下载对应系统版本的应用程序t01cad0f437915a7707
4、安装开发工具t01ac56aa2b4a81b766三、编写小程序实例1、打开工具点击小程序项目t01ee7a1658e86a3c6f
2、填写相应信息,点击确定t0188bb5e0baa9d62b9
3、实例目录结构t01b5f5ab156f4122b0
4、app.js是小程序的脚本代码(必须),可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量,调用框架提供的丰富的 API。t01d96bc11bec0e8a44
5、app.json是对整个小程序的全局配置(必须),用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。微信小程序中的每一个页面的【路径+页面名】都需要写在app.json的pages中,且pages中的第一个页面是小程序的首页。t019dd040c6313e87b7
6、app.wxss是整个小程序的公共样式表(非必须)。t013dc5148565505d51
7、index.js 是页面的脚本文件(必须),在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例,声明并处理数据,响应页面交互事件等。t0118eff9574ebd8bba
8、index.wxml是页面结构文件(必须)。t01db1b7e6c18f55e73
9、index.wxss是页面样式表文件(非必须),当有页面样式表时,页面的样式表中的样式规则会层叠覆盖app.wxss中的样式规则。如果不指定页面的样式表,也可以在页面的结构文件中直接使用app.wxss中指定的样式规则。t01c630c6ab2092529d
10、在编辑配置好后点击真机调试t0150d2349ce7ad3ba5
11、手机微信扫描二维码t017d41e42fb2a7f93d
12、自动弹出调试窗口,通过真机调试能够更好的测试小程序t01ffcfe90663c6f70b