如何制作微信小程序
传说的清风2018-11-18 21:24
一、注册小程序账号
- 进入微信公众平台
- 点击立即注册
- 选择小程序
- 填写信息注册即可
- 绑定开发部易略过据者
- 进入“设置-开秋接鸡发设置”,获取AppI量D信息。
二、下载微信web开发者工具
- 点击小程序后的查看详情
- 选来自择开发者工具
- 下载对应系360新知统版本的应用程序
- 安装电操程开发工具
三、编写小程序实例
- 打开工具点击小程序项目
- 填写相应信息,点击确定
- 实例目录结构
- app.js是小程序的脚本代码(必须),可以在这个文件中航过预监听并处理小程序的生命周期函数、声明全局变量花距措,调用框架提供的丰富的 API。
- app.json是对整个小程序的全局配置春方族做了离花鲁妈时设(必须),用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设促信提林心革置网络超时时间、设置多tab等。接受一个数情液争节息太敌组,每一项都是字符串,来指定小程序由哪些页面组成。微信小程序中的每一个页面的【路径+页面名】都需要写在app.json的pages中,且pages中的第一个页面是小程序五核赶粒谁的首页。
- app.wxss是磁亮鸡则放发器整个小程序的公共样式表绿兵片收花过路陆元(非必须)。
- inde高度x.js 是页面的脚本文件(必须),在这个文件中我们可以监听并处理页面的生命周药多境关限督酒义度死期函数、获取小程序实例,声明并处理数据,响应页面交互事件等。
- index.wxml拿陈木燃现沿刻众是页面结构文件(必须)。
- index.wxss是页面样式表文件(非必须),当有页面样式表时,页面的样式表中的样式规则会层叠覆盖app.wxss中的样式规则。如果不指定页面的样式表,也可以在页面的结营深汽构文件中直接使用app.wxss中指定的样式规则。
- 在编辑配置好后点击真机调试
- 手虽仍问况关处叫标移学含机微信扫描二维码
- 自动弹出调试窗口,通过真机调试能够更好的测试小程序
声明本文系本人根据真实经历原创,未经许可,请勿转载。