带你开发微信小程序

308 阅读4分钟

微信小程序简介

微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。

全面开放申请后,主体类型为企业、政府、媒体、其他组织或个人的开发者,均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系。

微信小程序是一种不用下载就能使用的应用,也是一项创新,经过将近两年的发展,已经构造了新的微信小程序开发环境和开发者生态。微信小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果,已经有超过150万的开发者加入到了微信小程序的开发,与我们一起共同发力推动微信小程序的发展,微信小程序应用数量超过了一百万,覆盖200多个细分的行业,日活用户达到两个亿,微信小程序还在许多城市实现了支持地铁、公交服务。微信小程序发展带来更多的就业机会,2017年小程序带动就业104万人,社会效应不断提升。

微信小程序特点

  1. 同App进行互补,提供同app类似的功能,比app操作更加简洁的轻应用

  2. 通过扫一扫或者在微信搜索即可下载

  3. 用户使用频率不高,但又不得不用的功能软件,目前看来小程序是首选

  4. 连接线上线下

  5. 开发门槛低,成本低

小程序账号注册

1、进入微信公众平台

2、点击立即注册

3、选择小程序

4、填写信息注册即可

5、绑定开发者

6、进入“设置-开发设置”,获取AppID信息。

下载微信web开发者工具

1、点击小程序后可查看详情

2、选择开发者工具

3、下载对应系统版本的应用程序

4、安装开发工具

三、编写小程序实例

1、打开工具点击小程序项目

2、填写相应信息,点击确定

3、实例目录结构

4、app.js是小程序的脚本代码(必须),可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量,调用框架提供的丰富的 API。

5、app.json是对整个小程序的全局配置(必须),用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。微信小程序中的每一个页面的【路径+页面名】都需要写在app.json的pages中,且pages中的第一个页面是小程序的首页。

6、app.wxss是整个小程序的公共样式表(非必须)。

7、index.js 是页面的脚本文件(必须),在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例,声明并处理数据,响应页面交互事件等。

8、index.wxml是页面结构文件(必须)。

9、index.wxss是页面样式表文件(非必须),当有页面样式表时,页面的样式表中的样式规则会层叠覆盖app.wxss中的样式规则。如果不指定页面的样式表,也可以在页面的结构文件中直接使用app.wxss中指定的样式规则。

10、在编辑配置好后点击真机调试

11、手机微信扫描生成的码

12、自动弹出调试窗口,通过真机调试能够更好地测试小程序

文字有限需要进一步学习的小伙伴可以观看B站视频:

【新手教程】2022最新制作零基础入门微信小程序(附源码)_带你玩转微信小程序_入门到就业_哔哩哔哩_bilibili