基于Vue.js的uni-app前端框架结合.net core开发跨平台project

1、由来

---

 最近因为业务须要要开发一套公益的APP项目，所以结合所给出的需求最终采用uni-app这种跨平台前端框架以及.netcore快速搭建咱们的项目，而且能作到一套代码跨多个平台。

固然在前期技术框架选型方面尤为是前端，咱们也是历经了许多波折，让我一 一道来：一开始咱们接到app项目时，因为公司人手不足，没法开发原生的app，所以须要另辟途径，

在个人脑海中我知道微软Xamarin工具能够实现一端多平台的开发，因此我就投入进去进行深刻的研究，在搭建的过程当中发现Xamarin的开发环境以及调试等出现各类各样的问题，并且网上的文档比较少，致使我越深刻研究越没有信心，

最终放弃了xamarin，这个工具真的不是很好用，多是我还不了解吧。因为放弃了此工具，我就在想是否能够作一套H5而后套个壳，所以顺着这个思路我发现了一个新兴的框架uni-app，并且仍是基于vue的，这个大大帮助咱们，并且

对于vue，楼主我以前只花了1周的时间来学习就基本掌握其中的要领，基本能够适应uni-app，话很少说赶忙入手，越研究越有趣，一套代码能够发布H五、小程序、APP(包含安卓和IOS)，简直是福音呀。所以立马创建好先后端的项目底层框架，就开始干了。

最终也是花了两周的时间把项目搞定而且推出了H五、小程序和安卓版的，而且在项目验收时获得了一致好评，也为楼主我晋升加薪开辟了道路，哈哈哈。

固然此处仍是要给出注意事项：uni-app 目前成熟度不够高，只适应一些中小项目，对于大型项目还需谨慎，固然也但愿uni-app发展的愈来愈好。

那么话很少说什么叫作uni-app前端框架呢？让我一 一道来。

2、介绍

---

一、vue.js

官方文档：https://cn.vuejs.org/v2/guide/

咱们知道目前市面上最流行的前端框架有angular、react、vue，对于初学者来讲vue是上手比较容易的，固然若是想比较这三者的优点，能够自行上网search一下。

如：React、Angular、Vue.js:三者完整的比较指南等。

Vue.js是一套用户构建用户界面的渐进式框架，只关注视图层，还方便与第三方库或项目整合。

针对与vue的安装咱们须要先安装一下node.js而且里面也有npm包管理工具，而后咱们在把npm镜像替换成国内的路径，如淘宝的npm。速度很是的块。

二、uni-app 

是一个使用vue.js开发跨平台应用的前端框架，开发者编写一套代码，既能够编译成IOS、Android、H五、小程序等多个平台，是否是难以置信，好吧，咱们应该相信。

官方文档：https://uniapp.dcloud.io/

unia-pp 在跨端数量、扩展能力、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优点。

 

3、总体项目

---

一、项目采用先后端分离

前端采用uni-app，后端采用 .net core2.2 的asp.net core webapi。而且加入了jwt令牌。

二、前端

前端采用的开发工具为HBuild，后端采用的是VS2017。

前端总体页面操做动图，数据全是测试，只展现开发时的部分功能。

 

三、后端服务器因为用户没有liunx服务器，所以就存放在windows2008R2 IIS上。效果仍是不错的。

 

4、总结

---

 有兴趣的同窗能够好好研究一下。固然若是想和我交流欢迎。

 

asp.net core 交流群：787464275 欢迎加群交流
若是您认为这篇文章还不错或者有所收获，您能够点击右下角的【推荐】按钮精神支持，由于这种支持是我继续写做，分享的最大动力！

做者：LouieGuo

声明：原创博客请在转载时保留原文连接或者在文章开头加上本人博客地址，如发现错误，欢迎批评指正。凡是转载于本人的文章，不能设置打赏功能，若有特殊需求请与本人联系！

微信公众号：欢迎关注                                                 QQ技术交流群： 欢迎加群