【Dotnet9-03】部署博客系統(tǒng)后臺前后端-lqclass.com
閱讀導(dǎo)航
關(guān)于lqclass.com 2.2.1 后臺后端發(fā)布 2.2.2 后臺前端發(fā)布 2.2.3 云服務(wù)器部署 2.1 已部署訪問鏈接 2.2 nginx 部署 博客后臺前后端部署 下次分享-?WPF后臺客戶端
1. 關(guān)于lqclass.com
lqclass.com是新建博客網(wǎng)站的域名，博客網(wǎng)站站名暫定樂趣Class?，前期邊開發(fā)邊分享開發(fā)成果。
2. 博客后臺前后端部署
2.1 已部署訪問鏈接
先給出后臺前后端訪問鏈接吧:
后臺前端
http://admin.lqclass.com/
測試賬號與密碼同名：lqclass.com
后臺后端
http://api.lqclass.com/swagger/index.html
對部署細節(jié)感興趣的朋友可繼續(xù)閱讀后面的內(nèi)容。
前后端部署，對常做B/S開發(fā)的朋友來說，應(yīng)該是很簡單，我這只做下簡單記錄，技術(shù)交流請閱讀原文留言，因為本號沒有留言功能...
2.2 nginx 部署
博客系統(tǒng)正在開發(fā)，部署暫時未上Docker，畢竟我不熟，Nginx倒是接觸過幾回了，來日方長，不著急。
2.2.1 后臺后端發(fā)布
使用WTM創(chuàng)建的后端，目前框架最高只能選到.NET Core 3.1，.NET 5.0還未支持。
.NET Core的發(fā)布很方便，只需要選擇主工程，右鍵點擊“發(fā)布”，彈出發(fā)布配置界面（下面是我的發(fā)布配置），選擇的部署模式是框架依賴，服務(wù)器上只需要安裝.NET Core運行時即可（當(dāng)然也可以選擇獨立發(fā)布，運行時都不用安裝）：
將打包發(fā)布生成的文件拷貝到服務(wù)器，生成的目錄是：
lqclass.com\src\LQClass.Admin\LQClass\bin\Release\netcoreapp3.1\publish
服務(wù)器上具體存放的目錄，2.2.3后面接著說。
2.2.2 后臺前端發(fā)布
前端發(fā)布也方便，一句命令：
npm?run?build
完事，將前端發(fā)布生成的文件拷貝到服務(wù)器，生成的目錄是：
lqclass.com\src\LQClass.Admin\LQClass\ClientApp\dist
服務(wù)器上具體存放的目錄，2.2.3接著就講。
2.2.3 云服務(wù)器部署
買了一個Windows Server 2016的云服務(wù)器，部署比較方便。
部署步驟：
下載 nginx，解壓到某目錄。
http://nginx.org/en/download.html
將后臺前后端發(fā)布生成的文件存放在nginx的html目錄中，目錄結(jié)構(gòu)如下：
admin：后臺前端Web文件，使用 WTM生成的vue前端；api：后臺后端文件，.NET Core 3.1 Web API，計劃也做為前臺后端，使用 WTM生成的后端；
api后端文件不是必須放在nginx目錄下，只是為了方便管理，運行后端時直接雙擊運行LQClass.exe即可，用nginx做反向代理。
web：前臺前端，目錄只是vue cli創(chuàng)建的空項目，目前也可以訪問的，只是沒多大意義
訪問地址：
lqclass.com
配置 nginx-1.19.5\html\nginx.conf
一級域名、二級域名創(chuàng)建及關(guān)聯(lián)云服務(wù)器IP，DNS解析等請在云服務(wù)器控制臺那邊折騰，這個就不詳說了。
下面是nginx的配置，站長折騰了好一會兒，因為不熟，問了Dotnet9技術(shù)交流群的一些大佬，然后折騰出來的，配置的可能有點啰嗦，有建議歡迎留言哦，配置注釋我直接寫在下面配置文件中：
http?{
????include???????mime.types;
????default_type??application/octet-stream;
????sendfile????????on;
????keepalive_timeout??65;
????server?{
????????listen??????????80;????????????//?80端口
????????server_name?????lqclass.com;???//?前臺對外訪問域名
????????location?/?{
????????????root???html/web;???????????//?前臺發(fā)布文件目錄
????????????index??index.html?index.htm;
????????}
????}
????
????server?{
????????listen??????????80;??????????????//?80端口
????????server_name?????api.lqclass.com;?//?后臺后端對外訪問域名
????????
????????location?/?{
????????????proxy_pass??http://127.0.0.1:5000;??//?nginx反向代理的后端地址，雙擊運行后端本地的訪問地址，外網(wǎng)通過api.lqclass.com可以代理到該地址
????????}
????}
????server?{
????????listen??????????80;??????????????????//?80端口
????????server_name?????admin.lqclass.com;???//?后臺前端對外訪問域名
????????location?/?{
????????????root???html/admin;???????????????//?后臺前端發(fā)布文件目錄
????????????index??index.html?index.htm;
????????}
????????
????????location?/api?{
????????????proxy_pass??http://127.0.0.1:5000/api;?//?后臺前端訪問后端接口時的代理地址，使得nginx可以處理跨域的問題
????????}
????}
}
雙擊nginx.exe，外網(wǎng)即可訪問 樂趣Class的前后臺前端、后端了，訪問地址見2.1。
3. 下次分享?-?WPF后臺客戶端
目前博客系統(tǒng)的后臺前后端使用WTM搭建，為了后面開發(fā)博客系統(tǒng)前臺，站長決定先熟悉WTM的已有API接口，正在使用WPF重構(gòu)后臺客戶端(.NET 5)，盡量仿照后臺前端風(fēng)格及功能，比如登錄頁面：
文末資源分享
回復(fù)數(shù)字【01】：獲取DotNet技術(shù)資料 回復(fù)數(shù)字【02】：獲取Java技術(shù)資料 回復(fù)數(shù)字【03】：獲取Android技術(shù)資料 回復(fù)數(shù)字【04】：獲取C++技術(shù)資料 回復(fù)數(shù)字【05】：獲取Qt技術(shù)資料 回復(fù)數(shù)字【06】：獲取React資源 添加號主微信號【dotnet9】：備注【入群】加入與大佬們的技術(shù)交流 添加QQ群【771992300】：備注【Dotnet9】加入技術(shù)交流，無人數(shù)上限、有資源共享
?時間如流水，只能流去不流回。
公眾號：Dotnet9 號主微信號：dotnet9 倉庫地址：lqclass.com 作者及編輯：沙漠之盡頭的狼 日期：2020-12-26 微信公眾號：Dotnet9