一, 由来
最近由于业务需要要开发一套公益的 App 项目, 因此结合所给出的需求最终采用 uni-App 这种跨平台前端框架以及. netcore 快速搭建我们的项目, 并且能做到一套代码跨多个平台.
当然在前期技术框架选型方面尤其是前端, 我们也是历经了许多波折, 让我一 一道来: 一开始我们接到 App 项目时, 由于公司人手不足, 无法开发原生的 App, 因此需要另辟途径,
在我的脑海中我知道微软 Xamarin 工具可以实现一端多平台的开发, 所以我就投入进去进行深入的研究, 在搭建的过程中发现 Xamarin 的开发环境以及调试等出现各种各样的问题, 而且网上的文档比较少, 导致我越深入研究越没有信心,
最终放弃了 xamarin, 这个工具真的不是很好用, 可能是我还不了解吧. 由于放弃了此工具, 我就在想是否可以做一套 H5 然后套个壳, 因此顺着这个思路我发现了一个新兴的框架 uni-App, 而且还是基于 vue 的, 这个大大帮助我们, 而且
对于 vue, 楼主我之前只花了 1 周的时间来学习就基本掌握其中的要领, 基本可以适应 uni-App, 话不多说赶紧入手, 越研究越有趣, 一套代码可以发布 H5, 小程序, App(包含安卓和 iOS), 简直是福音呀. 因此立马建立好前后端的项目底层框架, 就开始干了.
最终也是花了两周的时间把项目搞定并且推出了 H5, 小程序和安卓版的, 并且在项目验收时得到了一致好评, 也为楼主我晋升加薪开辟了道路, 哈哈哈.
当然此处还是要给出注意事项: uni-App 目前成熟度不够高, 只适应一些中小项目, 对于大型项目还需谨慎, 当然也希望 uni-App 发展的越来越好.
那么话不多说什么叫做 uni-App 前端框架呢? 让我一 一道来.
二, 介绍
1,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. 速度非常的块.
2,uni-App
是一个使用 vue.JS 开发跨平台应用的前端框架, 开发者编写一套代码, 既可以编译成 iOS,Android,H5, 小程序等多个平台, 是不是难以置信, 好吧, 我们应该相信.
官方文档: https://uniapp.dcloud.io/
unia-pp 在跨端数量, 扩展能力, 性能体验, 周边生态, 学习成本, 开发成本等 6 大关键指标上拥有极强的竞争优势.
三, 整体项目
1, 项目采用前后端分离
前端采用 uni-App, 后端采用 .net core2.2 的 ASP.NET core webapi. 并且加入了 jwt 令牌.
2, 前端
前端采用的开发工具为 HBuild, 后端采用的是 VS2017.
前端整体页面操作动图, 数据全是测试, 只展示开发时的部分功能.
3, 后端服务器由于用户没有 liunx 服务器, 因此就存放在 windows2008R2 IIS 上. 效果还是不错的.
四, 总结
有兴趣的同学可以好好研究一下. 当然如果想和我交流欢迎.
ASP.NET core 交流群: 787464275 欢迎加群交流
如果您认为这篇文章还不错或者有所收获, 您可以点击右下角的 [推荐] 按钮精神支持, 因为这种支持是我继续写作, 分享的最大动力!
作者: LouieGuo
声明: 原创博客请在转载时保留原文链接或者在文章开头加上本人博客地址, 如发现错误, 欢迎批评指正. 凡是转载于本人的文章, 不能设置打赏功能, 如有特殊需求请与本人联系!
微信公众号: 欢迎关注 QQ 技术交流群: 欢迎加群
来源: https://www.cnblogs.com/guolianyu/p/10521970.html