微信小程序开发总结(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中的标签和部分属性也不能用,但是接触下来还是感觉没有那么难的,各种接口的支持也提高了不少开发效率。总之,不懂的地方多看看文档,受益匪浅。

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

你可能感兴趣的:(微信小程序开发总结(1))