2017年12月06日   码农之路   1,489 次浏览

最近咨询微信公众号开发基础知识的人越来越多了,为了方便大家快速入门,也是对自己微信公众号开发这块知识体系的一个整理,所以决定写几篇介绍微信公众号开发相关的文章。其实很多知识点网上已经有答案了,我就不深入讨论了,我相信有心的朋友肯定会知道怎么做。我主要是给大家一个思路,让大家尽量花最少的时间做最多的事。

1、阅读开发文档

需要进行公众号开发,首先当然是仔细熟读开发文档啦,注意必须要仔细,很多人一上来就问些开发文档里面已经说清楚明白的问题,这真是浪费时间。

2、后台框架搭建

其实后台框架就是一个普通的数据增删改查。这个用大家熟悉的即可,比如我熟悉的java框架SSM(Spring+SpringMVC+MyBatis)。需要注意的是用第三方的SDK,比如java的SDK:weixin-java-tools,这个是我用过的目前来说比较好用的,用顺了可以节省很多时间。

3、前端框架选择

读过开发文档的就知道,微信已经为我们提供了一套基础样式库:WeUI,我也建议大家都用官方推荐的。这里我搜罗了各种版本,大家可以根据需要选择使用。

WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。
官方GitHub:https://github.com/weui/weui
react版:https://github.com/weui/react-weui
jquery版:https://github.com/lihongxun945/jquery-weui
vue版:https://github.com/vum-team/vum

4、前端框架补充

虽然WeUI已经非常强大了,但是还是有许多功能无法满足我们平时的页面开发需求,所以我们需要使用另一个非常受欢迎的前端框架:Bootstrap。可以说Bootstrap与WeUI是相互补充的,基本上可以满足99%的需求了。

5、最终选择

因为我比较熟悉jquery,所以我最后引用的样式和脚本文件如下:

<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="http://cdn.bootcss.com/weui/1.1.1/style/weui.min.css">
<link rel="stylesheet" href="http://cdn.bootcss.com/jquery-weui/1.0.1/css/jquery-weui.min.css">

<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="http://cdn.bootcss.com/jquery-weui/1.0.1/js/jquery-weui.min.js"></script>

6、题外话

记得我几年前开发第一个公众号时,那时候小白一个,啥都不懂,撸起袖子就是干。后台协议、前端样式和脚本都是自己写的,花费了大量的时间不说,做出来的功能不稳定BUG多,页面也是奇丑无比(当时是觉得挺好看的)。这么多年也是深刻明白了一个道理:不要重复造轮子。当你想自己造个轮子时,先上网找找看有没有已经造好的,当你用别人的轮子用久了,你就会发现它慢慢的变成了自己的轮子,你就可以对它进行改造和优化了。

赞 赏
申明:除非注明,本站文章均为原创,转载请以链接形式标明本文地址。 如有问题,请于一周内与本站联系,本站将在第一时间对相关内容进行处理。
本文地址: http://www.yyjjssnn.cn/articles/807.html

>>> Hello World <<<

这篇内容是否帮助到你了呢?

如果你有任何疑问或有建议留给其他朋友,都可以给我留言。

:wink: :twisted: :surprised: :smile: :smile9: :smile8: :smile7: :smile6: :smile5: :smile56: :smile55: :smile54: :smile53: :smile52: :smile51: :smile50: :smile4: :smile49: :smile48: :smile47: :smile46: :smile45: :smile44: :smile43: :smile42: :smile41: :smile40: :smile3: :smile39: :smile38: :smile37: :smile36: :smile35: :smile34: :smile33: :smile32: :smile31: :smile30: :smile2: :smile29: :smile28: :smile27: :smile26: :smile25: :smile24: :smile23: :smile22: :smile21: :smile20: :smile1: :smile19: :smile18: :smile17: :smile16: :smile15: :smile14: :smile13: :smile12: :smile11: :smile10: :smile0: :sad: :rolleyes1: :redface: :razz: :question: :neutral: :mrgreen: :mad: :lol: :idea: :exclaim: :evil: :eek: :cry: :cool: :confused: :biggrin: :arrow:

友情链接: 程序员刘杨 刘杨
Copyright 2003~2018 保留所有权利 | 网站地图
备案号:湘ICP备14001005号-2

湘公网安备 43011102001322号