微信小程序的介绍与环境配置

1.微信小程序的介绍

1.1. 为什么是微信小程序 ？

1. 微信有海量⽤⼾，⽽且粘性很⾼，在微信⾥开发产品更容易触达⽤⼾；

2. 推⼴app 或公众号的成本太⾼。

3. 开发适配成本低。 4. 容易⼩规模试错，然后快速迭代。 5. 跨平台。

1.2. 微信小程序历史

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

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

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

1.3. 疯狂的微信小程序

1. 微信⽉活已经达到10.82亿。其中55岁以上的⽤⼾也达到6300万
2. 信息传达数达到450亿，较去年增⻓18%;视频通话4.1亿次,增⻓100%
3. ⼩程序**覆盖超过200+**⾏业，交易额增⻓超过6倍，服务1000亿+⼈次,创造出了5000亿+的商业价值 传智播客-黑马程序员

1.4. 还有其他的小程序 不容忽视

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

2.配置环境

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

2.1.注册账号

建议使用全新的邮箱，没有注册过其他小程序或者公众号的。访问 注册页面 耐心完成注册即可

2.2.获取AppID

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

登录成功后，可以按照以下操作获取你的AppID，然后复制保存，粘贴到你的AppID位置

2.3.下载开发工具并配置开发环境

2.3.1下载开发者工具

下载地址

2.3.2配置一下环境

2.3.2.1打开微信开发者工具

注意：第一次登录时，需要微信扫码登录

在登录时，最常遇到网络连接失败问题，如图所示：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rXOGhgoN-1609159518071)(C:\Users\lenovo\AppData\Roaming\Typora\typora-user-images\image-20201228203708858.png)]

这种问题是由于手机和电脑的网络匹配失败的问题

解决这个问题的方法为：

• 电脑和手机直接用同一个WiFi

• 电脑使用网线，打开移动网络，让手机脸上电脑的热点

  如图所示：

  

2.3.2.1 新建小程序项目

第一步：

第二步：

第三步：再设置设置好之后点击创建之后，就可以打开此页面

注意：你可以通过设置改变编译器的外观样式

这里面的模拟器就是上一图的预览区

微信⼩程序⾃带开发者⼯具，集 开发 预览 调试 发布 于⼀⾝的 完整环境。 但是由于编码的体验不算好，因此 建议使⽤ vs code + 微信小程序编辑工具 来实现编码 vs code 负责敲代码， 微信编辑工具 负责预览