小程序介绍与安装

一、小程序介绍

1.1.什么是小程序？

2017 年度百度百科十大热词之一

微信小程序，简称小程序，英文名 Mini Program，是一种不需要下载安装即可使用的应用

( 张小龙对其的定义是无需安装，用完即走，实际上是需要安装的，只不过小程序的体积特别小， 下载速度很快，用户感觉不到下载的过程 )

小程序刚发布的时候要求压缩包的体积不能大于 1M,，否则无法通过，在 2017 年 4 月做 了改进，由原来的 1M 提升到 2M；

2017 年 1 月 9 日 0 点，万众瞩目的微信第一批小程序正式低调上线。

1.2. 微信⼩程序历史

（1）2016年1⽉11⽇，微信之⽗张⼩⻰时隔多年的公开亮相，解读了微信的四⼤价值观。张⼩⻰指出，越来越多产品通过公众号来做，因为这⾥开发、获取⽤⼾和传播成本更低。拆分出来的服务号并没有提供更好的服务，所以微信内部正在研究新的形态，叫「微信⼩程序」 需要注意的是，之前是叫做 应⽤号

（2）2016年9⽉21⽇，微信⼩程序正式开启内测。在微信⽣态下，触⼿可及、⽤完即⾛的微信⼩程序引起⼴泛关注。腾讯云正式上线微信⼩程序解决⽅案，提供⼩程序在云端服务器的技术⽅案。

（3）2017年1⽉9⽇，微信推出的“⼩程序”正式上线。“⼩程序”是⼀种⽆需安装，即可使⽤的⼿机“应⽤”。不需要像往常⼀样下载App，⽤⼾在微信中“⽤完即⾛”。

1.3.小程序可以干什么？

1. 同 App 进行互补，提供同 app 类型的功能，比 app 使用方便简洁
2. 通过扫一扫或者在微信搜索即可下载
3. 用户使用频率不高，但又不得不用的功能软件，目前看来小程序是首选
4. 连接线上线下
5. 开发门槛低， 成本低

1.4.疯狂的微信⼩程序

微信⽉活已经达到10.82亿。其中55岁以上的⽤⼾也达到6300万

信息传达数达到450亿，较去年增⻓18%;视频通话4.1亿次,增⻓100%

⼩程序覆盖超过200+⾏业，交易额增⻓超过6倍，服务1000亿+⼈次,创造出了5000亿+的商业价值

1.5. 还有其他的⼩程序 不容忽视

1. ⽀付宝⼩程序
2. 百度⼩程序
3. QQ⼩程序
4. 今⽇头条 + 抖⾳⼩程序

1.6小程序与普通网页开发的区别

1）运行环境不同

1. 网页运行在浏览器环境中
2. 小程序运行在微信环境中

2）API不同

3）开发模式不同

二、小程序开发资料

开发微信⼩程序之前，必须要准备好相应的环境

2.1. 相关资料

1. 官网         微信公众平台
2. 微信开发工具   下载地址    微信开发者工具下载地址与更新日志 | 微信开放文档

2.2. 注册小程序账号

有账号

无账号

建议使用全新的邮箱，没有注册过其他小程序或者公众号的。

点击右上角立即注册，访问注册⻚⾯。

1. 选择小程序注册

2.填写信息

3.邮箱激活

4.点击邮箱链接激活

5.信息登记

6.主体信息登记

1. 

2.3. 获取APPID

由于后期调⽤微信⼩程序的接⼝等功能，需要索取开发者的⼩程序中的 APPID ，所以在注册成功后， 可登录，然后获取APPID。

登录，成功后可看到如下界⾯ 然后复制你的APPID。

2.4. 开发⼯具

1. 微信开发工具   下载地址    微信开发者工具下载地址与更新日志 | 微信开放文档
2. 或者应用商店下载

微信⼩程序⾃带开发者⼯具，集 开发 预览 调试 发布 于⼀⾝的 完整环境。

但是由于编码的体验不算好，因此 建议使⽤ vs code + 微信小程序编辑工具 来实现编码

vs code 负责敲代码， 微信编辑工具 负责预览

三、第⼀个微信⼩程序

3.1. 打开微信开发者⼯具

注意 第⼀次登录的时候 需要扫码登录

设置外观和代理

3.2. 新建⼩程序项⽬

3.3. 填写项⽬信息

1. 创建项目时绑定APPID，不使用云服务

3.4. 成功

3.5. 在模拟器上查看项目效果

3.6. 在手机上查看项目效果