微信小程序开发总结（1）

因为公司的业务需求，接触了微信小程序的开发。之前一直是做的web端比较多，刚上手的时候比较慢，也是参考了多方资料，现在第一个版本要上线了，总结一下开发过程中遇到的各种bug，以及解决的方法。

首先介绍一下微信开放平台的一些内容。

1、首先在微信公众平台（mp.weixin.qq.com）使用一个未注册过公众号、小程序、小游戏的邮箱注册一个自己的小程序，现在个人也以及可以注册小程序了，大家感兴趣都可以注册一个学习一下，还是挺有意思的。

微信公众平台登录界面

2、接下来使用注册好的邮箱和密码登录微信公众平台，在左侧首页选项卡中填写右侧的小程序信息， 即名称、图标、描述等，以后都可以更改，但是每月有修改次数限制。

登录后首页界面

3、还是这个页面，在设置小程序信息的下方有微信开发者工具的下载链接，点击跳转到介绍页面，在打开的页面可以看到标蓝的“微信开发者工具”字样，再点击即可看到下载页面，上方有对应的系统选择，点击即可下载。我在开发过程中都是直接使用的这个，当然也有推荐使用vscode等编辑器配合开发的，但是我公司电脑实在是太卡，只用开发者工具就卡到爆，所以就没有使用了，大家可以搭配使用提高一下开发效率。

4、说回微信公众平台|小程序页面。首页中主要就是一些简单的设置信息。开发管理中是三个版本，我百度了一下三个的区别，线上版本就是现在正在使用的版本，也就是所有用户看到的版本。审核版本是有新功能添加，或者版本惊醒修改了后提交审核的版本，当通过审核正式上线后，即上方的线上版本。开发版本类似于一个远程的代码仓库，供开发小组共享代码用的，我在实际开发中还是使用的公司的svn，了解不是很多。

开发管理界面

5、接下来在用户身份中，就是让小程序管理员添加共同开发者并且设置权限的，除了自己以外最多可以添加15个。

用户身份界面

6、数据分析暂时未用到，略过。

7、模板消息。主要是用来给用户推送消息的，类似于大家给某个公众号留言后，被作者回复或者选为精选留言后，微信会给大家发一条消息通知你，这个就是模板消息（我的理解）。模板消息中已经有很多大家写好的了，在模板库中，大家可以搜索关键字选择，然后点击右侧选用，再在打开的页面中选择需要的关键字，提交即可。后台会需要你把模板ID发给他，这里的模板ID是你选用后生成的那个，而不是在模板库中的那个模板ID，是不一样的。

模板消息-我的模板

模板消息-模板库

8、接下来我用到的就是最后一个设置了，其他的几个暂时都没有用到，大家有使用需要可以自己查一下相关资料。这里的基本设置其实就是首页中设置小程序名称、头像之类的那个页面。然后开发设置是我们用来查看appId、AppSecret以及设置服务器域名的页面，这里的appId和AppSecret都是需要发送给后台的。具体后台怎么使用我不清楚，毕竟目前来说只想做好前端。然后是关联设置，在这个页面中可以设置绑定的公众号、微信开放平台账号、关联的移动应用等，但是我只绑定了自己的公众号，没有用到其他的，这里也不细说了。

设置-基本设置

设置-开发设置

设置-关联设置

9、另外呢，在页面的右上方，我们的头像左侧，有文档和社区两个选项，分别对应开放文档和大家交流讨论的社区，这里先说一下文档。点击跳转后，介绍和设计大家可以简单看一下，了解一下小程序。开发过程中主要用到的还是小程序开发，即第三个选项卡。里面有简易教程、框架、API、工具、小程序云开发、腾讯云支持共七个选项。其中简易教程主要说明了一下小程序开发的整体流程，从注册到上线的全过程都有讲解。在框架部分，主要讲解了页面结构，页面配置，场景值，周期函数，事件处理函数，路由，模块化，API，小程序的数据绑定，列表渲染，条件渲染等等几乎攘括了开发过程中会设计到的全部内容，包括性能优化等等都有涉及。一些大家在网上百度到的资料基本都是出自官方文档的，大家可以多读读文档。

10、而在组件和API中主要是我们会用到各种组件，即h5中的标签，API就是微信给开发者提供的各种接口，比如wx.getUserInfo()可以让我们获取到用户信息，wx.navigationTo可以实现页面跳转等等，使得开发更加方便快捷。

虽然小程序的开发与之前接触的不太一样，很多js里面的方法不支持，h5中的标签和部分属性也不能用，但是接触下来还是感觉没有那么难的，各种接口的支持也提高了不少开发效率。总之，不懂的地方多看看文档，受益匪浅。

在本篇文章中主要介绍了微信开放平台的一些内容，下一篇介绍微信开发者工具和开发的目录。文中如有错误欢迎大家批评指正，有问题可以一起交流~