微信小程序是腾讯于2017年1月9日推出的一种不需要下载安装即可在微信平台上使用的应用,主要提供给企业、政府、媒体、其他组织或个人的开发者在微信平台上提供服务。
微信小程序和微信的原生功能应用在本质上是一样的——它们都是Web App。Web App就是一种通过H5页面技术实现的,和Native App的功能和界面几乎一样的手机App形态。很多商家和企业为了节省技术人员和资金的投入,都会选择使用Web App制作工具,免费快速制作自己的Web App。
截止2019年初
,微信小程序用户规模突破6亿,小游戏类微信小程序占比达28%。
1.1. 微信小程序的优势
很多人做微信公众号,而非App,因为App推广成本太高。这导致公众号现在更像是媒体化的平台。微信的本意是要提供服务,所以推出了服务号,但是服务号也没达到预期。微信小程序的优势:
1)微信有海量用户,而且粘性很高,在微信里开发产品更容易触达用户;
2)推广app 或公众号的成本太高。
3)开发适配成本低。
4)容易小规模试错,然后快速迭代。
5)跨平台
6)小程序类似原生的ios,可以利用硬件接口直接操作硬件,公众号是h5需要加载会白屏,小程序不会
事实上,应用号并非微信首创,之前百度推出过应用号,搜狐推出过快站,但腾讯将这件事情做成功的概率却是最大
二. 开发环境的准备
1. 注册账号
访问微信公众平台,耐心完成注册即可,一个邮箱只能注册一中,公众号或小程序
2. 获取APPID
由于后期调用微信小程序的接口等功能,需要索取开发者的小程序中的APPID,所以在注册成功后,可登录,然后获取APPID
登录成功 - 小程序发布流程 - 配置服务器 - 开发设置 - 复制你的APPID,悄悄的保存起来,不要给别人看到
三. 建立微信小程序
3.1. 安装微信小程序开发者工具
严格来说,微信小程序支持所有的开发工具,但是从效率和便利性来说,推荐如下
微信自己的`微信小程序开发工具 :https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
下载好微信小程序开发者工具后,直接双击安装,一直点击下一步即可。 安装好后,界面如下
3.3 小程序结构目录
小程序框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。
小程序框架提供了自己的视图层描述语言 WXML
和 WXSS
,以及 JavaScript
,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。
官网:https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html
小程序文件结构和传统web对比
结构 | 传统web | 微信小程序 |
---|---|---|
结构 | HTML | WXML |
样式 | CSS | WXSS |
逻辑 | Javascript | Javascript |
配置 | 无 | JSON |
通过以上对比得出,传统web 是三层结构。而微信小程序 是四层结构,多了一层 配置.json