摘要:vue全家桶搭建公众号“墨品书坛”
项目简介
该项目是开发一个可以发表文章、类似于论坛的社交类微信公众号。
技术栈
前端主要是 vue、vue-router、vuex、axios、stylus、Mint UI,大部分使用 vue-cli + webpack 构建单页应用并实现前后端分离,使用手淘的 flexible 方案布局。因为部分页面要使用非模块化标准的 js 插件(技术有限未考虑修改源码),所以还是使用 jQuery,并且前后端未分离。
后端 php 使用 Lavaral 框架,集成了七牛云图片服务器和环信 IM 即时通讯云
主要需求
1.微信授权登录
2.发表文章(图文)、评论、点赞及相应的通知等一系列功能
3.用户可以修改自身信息,并有关注、聊天、拉黑等功能
4.站内关键字搜索用户和文章
5.微信分享给朋友及朋友圈
6.制作文章海报图片,可识别海报上的二维码查看文章详情
遇到的那些坑
整个项目不算小,前端只有我一个人。整个项目下来,对微信和 vue都有了更深的理解
1.vue单页应用(history模式)微信授权后跳转
2.vue单页应用(history模式)获取微信签名
3.微信前端图片压缩预览上传
4.textarea换行
5.vue-router动态 路由匹配相同组件连续跳转时视图不更新
6.[使用Mint UI出现的问题](/2017/09/01/使用Mint UI出现的问题/)
7.集成环信web-im出现的问题