美文网首页
前端多平台思考--(vue一站式开发web安卓ios微信小程序)

前端多平台思考--(vue一站式开发web安卓ios微信小程序)

作者: de_self | 来源:发表于2018-08-12 17:07 被阅读364次

    从2016年开始接触vue,大学里个人项目前端全部使用vue,也是从那个时候开始喜欢上前端。
    个人感觉,在互联网的今天,前端的发展是必然的,因为互联网模式意味着快速的版本迭代,多终端适配(甚至全终端适配)。因此前后端分离,模块化开发,能更好的适应这种环境。
    由于没有在某个公司待太久,所以没接触过版本迭代的问题,所以只能从多平台开发来说一下这个问题。

    首先,我们在开发多终端时,采用前后端分离,使用rest风格,多平台相同的接口可采用统一后台,我们可以更少的去开发后端接口。
    其次,采用混合开发的模式,我们可以减少人员投入,同一产品,不再需要,web前端,安卓,ios等多个开发人员,也减少代码的书写。
    随着,微信小程序,轻应用等更多平台的出现,我们无法照顾如此之多的平台,而一个统一的容器放入前端代码,其他的外部接口再由器皿进行调用的方式,大大减少了人员投入,以及相同逻辑代码的复写。
    而现在小程序,易于分享,无需下载,推广成本低的优势,成了很多互联网公司的首选的推广方式。但目前小程序体验相较于原生,性能,体验还有一定距离,所以移动端开发仍不能放弃。因此,多平台多终端仍是目前不可避免的问题。当然了,我这种方式开发的移动端好像性能也很一般(哈哈哈)

    大学毕设写了个小例,算是对这种开发方式的一种实现吧。
    整个项目做了一个图书管理系统,只实现了基础的增删改查(哈哈哈哈,可能所有人看到图书管理系统都感觉这个好像被玩的烂烂烂烂的吧~~~)
    后端使用springboot为基础框架,输出restful接口。
    以mysql作为数据库存储数据,使用redis作为缓存数据库。
    前端以vue作为主框架,分别使用vue-cli搭建了web项目,使用mpvue搭建了小程序项目,使用Hbuild对web项目进行打包成安卓版(也可ios但我也没苹果设备hhh~~~~~)。
    在整个项目开发的过程中,发现了几个问题:
    首先没有适配所有平台的UI组件库,对于我这种没有审美也没有美工配合的人,真的好困难~~而且,没有统一的ui组件库,意味着每个项目的前端样式上都需要重写,没有统一组件以满足我只开发一次,只需要微调就可以移动到其他平台的愿望。
    其次,就是vue推荐axios组件在小程序上不能用,最开始使用了微信的HTTP请求方式,各种不方便,后来发现了一个flyjs的插件,竟然适配了我所有的平台~~~
    然后就是打包安卓之后的跨域问题,
    综上所述,就是在vue与vue的组件库/插件设计之初,并未考虑多平台,而是只考虑了当初在应用的平台,希望未来可以出现能多平台适用吧。
    感觉Hbuild是一个浏览器器皿,将web程序内嵌进去了,还可以使用一些安卓原生的接口,而mpvue更像转换工具,将vue进行重新的webpack打包成一个小程序。

    当初项目遇到好多问题,但是没有记录下来,遗憾~~~
    希望以后,有所得都能记录下来吧!

    项目除上传了一次,以后就业没有再继续上传~~(8/12给自己留坑)
    周末要结束了,,,有空填上这个坑。

    ---------9月1填坑中
    https://github.com/GitHubMaWu/clw_ser
    使用springboot开发的后端,开放的restful接口
    这个springboot基础项目真的特别适合学习用springboot
    因为这就是个架子,只有增删改查,还配了mybatisplus redis等功能多多哈哈哈,不过现在我在做前端开发,教程可能就跟不上了,有机会出啦啦啦(再留个坑)

    相关文章

      网友评论

          本文标题:前端多平台思考--(vue一站式开发web安卓ios微信小程序)

          本文链接:https://www.haomeiwen.com/subject/hvisbftx.html