騰訊雲 雲開發 部署 Blazor網站

張善友發表於2020-09-10

Blazor 應用程式除了在 Github Pages/Gitee Pages等靜態資源部署以外,現在你有了一個新的選擇,那就是使用雲開發靜態網站功能來部署啦!

系統依賴

在進行後續的內容前,請先確保你的電腦中安裝了.NET Core 3.1/5.0執行環境。如果沒有安裝,可以訪問http://dot.net 下載安裝。

安裝雲開發 cli 工具

執行如下命令,安裝雲開發 cli 工具

npm install -g @cloudbase/cli

使用dotnet 命令或者是Visual Studio 2019建立Blazor網站

建立一個雲開發環境

我們來建立一個雲開發環境,用來部署 Blazor。開啟騰訊雲控制檯,在產品中找到雲開發

image

進入到雲開發的管理控制檯,點選新建環境,新建一個環境來進行部署

image

在開通環境以後, 記住你的環境 ID,這個 ID 後續我們會用到。

建立完成後,點選環境,進入到環境的管理頁面。點選左側選單欄中的「靜態網站」

image

並在靜態網站頁面開通功能

初始化雲開發 Cli

完成了雲開發環境的配置後, 我們需要初始化一下雲開發 cli ,從而實現藉助 cli 來上傳頁面(當然, 也可以通過網頁端直接上傳,但如果你部落格的文章比較多,還是使用 Cli 上傳更加方便)

在命令列輸入如下程式碼

tcb login

會提醒你需要在網頁中授權

在彈出的頁面確認授權

image

確認授權後,你會看到控制檯輸出相應的命令

這樣,你的雲開發 cli 就初始化好了。 接下來,就可以進入到最後一個環節,上傳部署 Blazor了。

構建 Blazor 並上傳

回到你的 Blazor 目錄中,執行 dotnet publish 來生成檔案。

image

檔案生成完成後,可以執行如下命令來進行部署(需要將 EnvID 替換為前面你記下的環境ID)

tcb hosting:deploy ./ -e EnvId

稍等片刻,部署完成,接下來就可以預覽了。

image

點選設定,進入設定頁面,可以找到預設的的域名,點選域名,就可以看到你剛剛部署的環境啦。

image

只需簡單的幾步,你就可以輕鬆實現將 Blazor 應用部署到雲開發上,不僅如此,如果你是一個自動化愛好者, 還可以試著把雲開發 Cli 配置到你的 CI 環境中,實現自動部署哦~

點選以下連結快速開始用雲開發靜態網站託管部署你的站點:https://console.cloud.tencent.com/tcb?from=12304

雲開發(CloudBase)是一款雲端一體化的產品方案 ,採用 serverless 架構,免環境搭建等運維事務 ,支援一雲多端,助力快速構建小程式、Web應用、移動應用。

技術文件:https://www.cloudbase.net/

相關文章