基於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技術交流羣： 歡迎加羣