相信大家在平时开发过程中都会遇到这两类问题:
- 很多中小型企业要快速开发一个产品,这个产品至少需要覆盖平台范围为:ios、Android、web/H5、微信/支付宝小程序,那么需要的投入的人力成本、时间成本、维护成本会很高,然而每个老板的想法都是“又想马儿跑,又想马儿不吃草”这样的思想,成本严格把控,这个时候咋办?
- 作为程序员,每个人都会接私活,现在已经不像诺基亚时代那样,客户的需求仅仅只是一个web页面那么简单了,大多客户的需求就是 ios、Android、微信小程序、web/H5 这四大平台缺一不可,对于个人来讲,那么你只能做一端到两端,那么剩余的部分你就需要借助其他开发者,这样赚的钱就少了,并且投入的时间并不会减少。
那么有没有两全其美的解决方案呢?在这里我们来聊一聊UniApp 这个前端框架,这个框架可以通过只需要一个人编写一套代码就能开发出一个跨平台兼容全端的产品,对于企业来讲,节省了更多的成本;对于个人来讲,完全满足客户需求,可以赚取更多的钱。一石二鸟,大家都开心。
UniApp这个框架是基于Vue.js开发的,通过uniapp可以开发出跨平台的产品,所以如果对vue有一定的了解,那么这套框架可以很快速的掌握,当然,如果你对微信小程序也了解的话,也能够迅速掌握的,因为UniApp封装并且兼容了微信小程序的组件和api。当然vue.js以及微信小程序都是目前非常主流的技术,如果你不会,那么通过对uniapp学习,也能够对他们有一定的了解和掌握。
咱们来说说一个活生生的例子,之前我们公司去和某事业单位谈业务,当然还有另外两家竞争对手,甲方需要前期提供一个demo,并且这个demo需要运行在ios、Android、微信小程序以及H5,deadline为10个工作日,要开并且兼容这4个平台按照常规思路需要投入3个前端开发者以及1个后端开发者,并且人越多沟通成功越高,尤其后端。我们采用了uniapp,投入了1个前端和1个后端,在第7个工作日就开发完毕,剩余两天进行测试,第10个工作日体检demo进行演示,然而另外两家公司连70%的进度都没有达到,当然最终项目就是我们的了。从而,uniapp的优势就完全体现了!在节省人力、时间、维护这三大成本外,企业可以在前期通过全端覆盖的产品更快速的进入市场,也可以更好的进行企业战略部署,这难道不是相当美好的一件事么?!
那么这次呢,咱们带来uni-app这套框架的课程:《商业级应用实战 多端应用一次搞定
》,以商业级的需求来开发跨平台的实战项目,我们先来看看产品一些截图:
第一页为产品首页,分为4个部分,轮播图,横向滚动热门超级英雄,以及热门预告片和猜你喜欢,其实视频可以播放,猜你喜欢每次下拉刷新都会展示随机的5部预告。
第二页为影片的详情页,主要围绕特定的影片把其中的内容渲染在页面,包括视频播放,封面与海报,基本介绍演职人员以及剧照,布局使用flex构建,当然页面也包含使用了一些其他的api,比如视频操作图片预览等。
第三页为搜索,通过flex布局对列表进行排版,同时也涉及到上拉分页功能
第四页为登录页,用户可以通过一键注册登录,也可以使用微信或者qq登录app,当然在微信小程序和app端的微信登录通过条件对不同代码进行编译,涉及到的两种微信登录方式都是不同的,那么在项目里都会涉及。
那么这些都是主要功能页面。整个产品从规划到设计到开发到发布上线共计26天,全部都是由一个人开发,当然工作量是前后端都在里面了,所以从中可以看得出来使用uniapp十分敏捷,迭代非常快,魅力十分巨大,也十分值得大家学习!作为一个开源框架,官方社区也十分活跃,活跃开发者每天都在增加,对于开发工具HBuilderX也是经常会有不错功能的更新。说了这么多,还是希望大家能够多学习一点技术,多为自己拓宽职业路径啊~