#认识微信小程序
1.1.1 小程序简介
微信是腾讯公司于2011年1月21日推出的一款为智能终端提供即时通信服务的应用程序。
1.1.2 小程序特征
1.无需安装
2.触手可及
3.用完即走
4.无需卸载
1.1.3 小程序应用场景的特点
张小龙先生希望微信小程序对用户来说,应该是“无处不在,触手可及,随时可用,用完即走”的一种“小应用”,重点在“小”,主要体现在以下两个方面。
1.简单的业务逻辑
2.低频度的使用场景
微信小程序的应用市场是随着用户需求的变化而改变的,随着微信小程序的不断升级,将会有越来越多的小程序出现,我们的生活将会变得更加方便,快捷喝多彩。
1.2 微信小程序开发流程
第一步,在微信公众平台上注册小程序账号
第二步,下载开发者进行编码
第三步,通过开发者工具提交代码,待审核通过后便可以发布
1.2.1 注册小程序账号
注册小程序账号只需要五步
1.在微信公众平台首页(mp.weixin.qq.com)单击位于右上方的“立即注册”按钮。
2.选择账号类型,单击“小程序”选项。
3.进入账号信息页面,填写信息。
4.进入主体信息登记页面,完善主体信息,即可完成注册。
1.2.2 开发环境准备
完成注册后,登录微信公众平台,单击设置--填写按钮,完善小程序信息。
单击设置--开发环境,获取AppID
1.2.3 微信开发工具的下载及安装
进入网址https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/downloa进行安装下载
1.2.4 创建第一个小程序项目
第一次打开“微信web开发者工具”,使用开发者的微信扫码二维码验证登录进入。
使用开发者的微信扫描二维码验证进入后,
单击“小程序项目”选项,填入“项目目录”,“AppID”和“项目名称”(若无AppID,则单击“可点此体验”),并勾选“创建QuickStart项目”复选框。单击“确定”按钮后,将成功创建一个系统默认的示例项目
1.2.5 运行及发布小程序
开发者可以单击工具栏中的“调试器”图标,在模拟器中运行小程序,查看小程序的运行效果。开发者也可以单击工具栏中的“预览”图标,扫描二维码后即可在微信客户端中体验。
开发者还可以单击工具栏中的“上传”按钮,将小程序上传到微信公众平台,
开发者将小程序上传成功后,打开微信公众平台(mp.weixin.qq.com),单击“开发管理”选项,进入“开发管理”对话框。
此时,开发者会发现小程序已经上传至公众平台,单击“开发版本”的“提交审核”按钮。待通过审核后,该按钮会变为“审核版本”,“审核版本”提交审核并通过后,该按钮会变为“线上版本”。当成为“线上版本”后,开发者单击“发布”按钮即可在微信发现中搜索该小程序项目。
1.3 微信小程序开发者工具界面功能介绍
我们把微信小程序开发者工具界面分为五大区域
1.工具栏
在工具栏中可以实现多种功能,例如账号的切换,模拟区、编辑区、调试区的显示/隐藏,小程序的编译、预览,切换后台,清理缓存等。
2.模拟区
在模拟区中选择模拟手机的类型、显示比例、网络类型后,模拟器中会显示小程序的运行效果。
3.目录文件区
目录文件区用来显示当前项目的目录结构,单击左上角的“+”按钮可以进行目录和文件的创建,右键单击目录文件区中的文件或目录可以进行“硬盘打开”“重命名”“删除”等相关操作。
4.编辑区
编辑区用来实现对代码的编辑操作,编辑区中支持对.wxml、.wxss、.js 及.json 文件的操作,使用组合键能提高代码的编辑效率。
5.调试区
调试区的功能是帮助开发者进行代码调试及排查有问题的区域。小程序系统为开发者提供了9个调试功能模块,分别是Console、Sources、Network;Security、Storage、AppData、 Wxml、Sensor和Trace。最右边的扩展菜单项“氵”是定制与控制开发工具按钮。
1.4本章小结
本章首先介绍了微信小程序,讲解了微信小程序的特征及微信小程序应用场景的特点,然后重点讲解了微信小程序项目的开发流程,最后介绍了微信小程序开发工具的使用。通过对本章的学习,读者能够从概念上对小程序有一个基本认识,为学习后续章节打下良好的基础。