龙空技术网

轻量级H5 app开发实践之总结

web前端研习社 398

前言:

当前兄弟们对“h5应用开发”大约比较关切,大家都想要剖析一些“h5应用开发”的相关知识。那么小编同时在网络上搜集了一些对于“h5应用开发””的相关资讯,希望我们能喜欢,兄弟们快快来了解一下吧!

项目已经在10月底上线,最近又进入到其他项目里,到今天才抽出时间对这个项目总结一下。

回顾一下,在项目的初期就设定为轻量级H5 App,上线后已经运行在 原生app、微信小程序、百度小程序,从目前的结果来看是符合预期的。下面我将从以下几个方面聊聊。

产品体验方面

所谓轻量级,从用户使用层面是有所体现的,比如,进入首页---> 列表---> 详情---> 互动聊天,这是最长浏览路径,不超过4个跳转。从单一页面的功能设计上足够的简单,让用户一目了然。由于刚上线,还会有些具体使用问题,在后续会持续迭代几版。

技术方面

在前面的文章中已经讲到,该项目整体是基于koaJs + vueJs技术栈实现,koa负责api的开发,vue负责客户端页面渲染和交互。构建环境基于webpack 4.x 配置,在后续开发中还开发了自定义插件和文件操作脚本。从目前的运行情况来看从 开发 ---> 预览 ---> 部署 符合预期效果。

不过,问题还是有的,如,nodejs 层面可抽离的公共模块不够彻底,log4输出的日志部分有待优化,项目中在node和vue中统一用到了 axios框架,还需要合理地进行封装,以减少冗余代码。

客户端层面,插件的封装需要全局考虑,vuex项目中没有用到,后续是否需要,该怎么用?项目内的组件(项目公共非全局)等等这些都需要思考该如何进行规划。

接下来要做的

带着上述的问题,需要计划出接下来要做的:

nodejs

日志输出优化axios二次封装必要的中间件封装SSR 调研

客户端

构建环境优化,如何更好地进行api代理转发vue组件的开发规范输出ts能否引入,成本如何

好了,先写这么多,我觉得在一个项目开发完成后还能有一些代办事项是好的,需要持续的优化,才能达到我们心目的完美。

标签: #h5应用开发 #h5应用开发教学