@TOC

一、Flexus 云服務器 X 實例介紹

1.1 Flexus 云服務器 X 實例簡介

·官網地址：華為云Flexus云服務器X實例

華為云 Flexus 云服務器 X 實例是新一代面向中小企業和開發者的柔性算力云服務器。它能夠智能感知業務負載的變化，自動調整資源配置。這款服務器特別適用于中低負載的應用場景，例如電商直播、企業網站建設、開發測試環境、游戲服務器以及音視頻服務等。X 實例的設計理念旨在為用戶提供更加靈活和高效的計算資源管理方式。通過智能調整，它可以更好地滿足不同業務的需求，提高資源利用率。

1.2 Flexus 云服務器 X 實例特點

·提供豐富的公共鏡像：Flexus 云服務器 X 實例提供多種公共鏡像供用戶選擇，方便快速部署各種應用和服務。

·可靈活自定義 vCPU 內存配比：用戶可以根據自己的需要靈活調整虛擬 CPU 和內存的配比，以滿足不同場景的需求。

·智能感知業務動態升降配：Flexus 云服務器 X 實例能夠智能感知業務的負載情況，并根據需要自動升降配，以滿足業務的需求，提高系統的穩定性和性能。

·負載范圍更高：相對于 Flexus 應用服務器 L 實例，Flexus 云服務器 X 實例能夠處理更高的負載，適用于更復雜和繁忙的場景。

1.3 Flexus 云服務器 X 實例使用場景

Flexus 云服務器 X 實例針對不同的使用場景展現出其獨特的優勢：

1.電商直播：利用 X 實例搭建電商交易平臺，可以有效應對電商市場的瞬息萬變，從容處理業務壓力波動，確保交易過程順暢無阻。

2.企業建站：面向博客、論壇和企業門戶等應用場景，X 實例幫助企業高效傳播價值信息，促進信息共享與交流，支持構建多功能傳播和交互平臺。

3.個人開發測試：開發者在開發和測試過程中所需的環境資源可以通過 X 實例便捷獲取，不僅提高了搭建效率，而且降低了成本。

4.游戲服務器：適用于搭建游戲后臺服務器，強大的計算能力可以輕松應對大量玩家同時在線的情況，同時支持平滑擴容，快速應對玩家數量增長的需求，以及提供出色的網絡加速能力以提升用戶體驗。

二、Mininote 項目介紹

2.1 Mininote 簡介

Mininote 是一個簡單、自托管、加密的 Markdown 筆記應用程序，使用 Vue 3 和 Express 構建。

2.2 Mininote 使用場景

·個人筆記：Mininote 提供了一個簡單的界面，讓你可以方便地撰寫個人筆記。你可以使用 Markdown 語法來格式化文本，并且可以隨時保存和編輯你的筆記。

·日記記錄：Mininote 可以作為一個日記應用程序，你可以在每天記錄下自己的心情、想法和日?；顒印Ｃ織l日記都可以保存為一個 Markdown 文檔，方便你長期保存和查看。

·項目管理：如果你正在進行一個項目，Mininote 可以幫助你記錄項目的進展、任務列表和備忘錄。你可以創建多個筆記來組織不同的項目，并使用標簽或文件夾來分類和歸檔。

·學習筆記：無論是學習新知識還是復習舊知識，Mininote 都是一個很好的工具。你可以創建不同的筆記本來整理和記錄你的學習內容，而且 Markdown 語法可以幫助你更好地組織和呈現筆記。

·團隊協作：如果你有一個小團隊或者合作伙伴，Mininote 可以作為一個簡單的協作工具。你可以創建一個共享筆記本，讓團隊成員可以編輯和評論筆記。而且你的筆記可以加密存儲，保護你的隱私。

三、本次實踐介紹

3.1 本次實踐簡介

1.本次實踐為個人測試學習環境，旨在快速部署應用，生產環境請謹慎；2.本次實踐環境為云華為云 Flexus 云服務器 X 實例，使用的操作系統為 Huawei Cloud EulerOS 2.0 (x86_64)；3.在華為云 Flexus 云服務器 X 實例上部署 Mininote 輕量級筆記工具。

3.2 本次環境規劃

四、購買華為云 Flexus 云服務器 X 實例

4.1 登錄華為云

進入華為云官網：https://activity.huaweicloud.com/，登錄自己的華為云賬號，進入華為云首頁。

4.2 進入 Flexus 云服務器 X 實例購買頁面

我們在華為云官網首頁，精選推薦模塊中，可以看到 Flexus 云服務器 X 實例，點擊進入 Flexus 云服務器 X 實例主頁。

點擊頁面中的“購買”選項，進入 Flexus 云服務器 X 實例購買頁面。

4.3 購買 Flexus 云服務器 X 實例配置

·可參考以下基礎配置，進行購買：

1.計費模式：包年/包月，這里選擇此模式；2.區域：華北—北京四，可用區：隨機即可；3.實例規格：關閉性能模式，選擇自定義，4vCPUs | 12GiB；4.鏡像：公共鏡像，Huawei Cloud EulerOS，版本，Huawei Cloud EulerOS 2.0 Standard 64 bit(10GiB)；5.應用加速：這里選擇不加速；6.存儲：系統盤，通用型 SSD100G；7.網絡：選擇默認即可；8.安全組：選擇默認即可；9.彈性公網 IP：選擇“現在購買”，全動態 BGP，帶寬 3Mbit/s；10.云服務器名稱：可自定義設置，這里選擇默認的名稱；11.登錄憑證：自定義設置密碼；12.云備份：暫不購買；其余配置默認即可。

·確認配置及購買

在確認配置頁面，檢查 Flexus 云服務器 X 實例的各項配置是否正確。檢查完畢后，點擊“立即購買”。付款完畢后，華為云 Flexus 云服務器 X 實例購買成功。

五、檢查云服務器環境

5.1 查看 Flexus 云服務器 X 實例狀態

進入華為云 Flexus 云服務的控制臺，選擇 Flexus 云服務器 X 實例，可以看到已經正在運行的 Flexus 云服務器 X 實例。

5.2 使用 Xshell 遠程連接

·復制 Flexus 云服務器 X 實例的彈性公網 IP 地址

·主要填寫 Flexus 云服務器 X 實例的彈性公網 IP 地址，輸入其登錄用戶和密碼，連接即可。

5.3 檢查操作系統版本

檢查 Flexus 云服務器 X 實例的操作系統版本，本次實踐選擇的版本為 Huawei Cloud EulerOS 2.0 (x86_64)

[root@flexusx-51a1 ~]# cat /etc/os-releaseNAME="Huawei Cloud EulerOS"VERSION="2.0 (x86_64)"ID="hce"VERSION_ID="2.0"PRETTY_NAME="Huawei Cloud EulerOS 2.0 (x86_64)"ANSI_COLOR="0;31"

5.4 檢查內核版本

檢查當前操作系統的內核版本，當前內核版本為 5.10.0-182.0.0.95.r1941_123.hce2.x86_64。

[root@flexusx-51a1 ~]# uname -r5.10.0-182.0.0.95.r1941_123.hce2.x86_64

5.5 檢查是否安裝 Node.js

檢查服務器是否安裝 Node.js，華為云 Flexus 云服務器 X 實例使用的公共鏡像 Huawei Cloud EulerOS 默認沒有安裝 node.js 環境。

[root@flexusx-51a1 ~]# node -v-bash: node: command not found[root@flexusx-51a1 ~]#

六、安裝 Node.js 環境

6.1 下載 Node.js

下載 Node.js 安裝包，本次下載的版本為 v18.20.4。

wget https://mirrors.aliyun.com/nodejs-release/v18.20.4/node-v18.20.4-linux-x64.tar.xz

6.2 解壓 Node.js 軟件包

執行以下命令，解壓 Node.js 軟件包。

tar -xvJf node-v18.20.4-linux-x64.tar.xz

6.3 創建軟鏈接

用創建軟鏈接的方法，使得在任意目錄下都可以直接使用 node 和 npm 命令。

ln -s /root/node-v18.20.4-linux-x64/bin/node /usr/local/bin/nodeln -s /root/node-v18.20.4-linux-x64/bin/npm /usr/local/bin/npm

6.4 配置環境變量

·在/etc/profile 文件中，新增以下兩行：

vim /etc/profile

export NODE_HOME=/root/node-v18.20.4-linux-x64/bin/export PATH=$PATH:$NODE_HOME:/usr/local/bin/

·使變量生效

source /etc/profile

6.5 查看 node 版本

執行以下命令，檢查安裝的 node 和 npm 版本。

[root@flexusx-51a1 ~]# npm -v10.7.0

6.6 設置 npm 鏡像源

·為了加速下載速度，可以將 npm 設置為國內淘寶最新的鏡像源。

npm config set registry https://registry.npmmirror.com

·查看 npm 鏡像源

[root@flexusx-51a1 ~]# npm get registryhttps://registry.npmmirror.com/

6.7 安裝 yarn

執行以下命令，安裝 yarn 工具。

npm install -g yarn

查詢 yarn 版本，當前安裝版本為 1.22.22。

[root@flexusx-51a1 ~]# yarn -v1.22.22

七、部署 Mininote 應用

7.1 下載 Mininote 源碼包

在 github 拉取 Mininote 源碼包

git clone https://github.com/muety/mininote.git

7.2 查看源碼目錄

查看 Mininote 的源碼目錄

[root@flexusx-51a1 ~]# tree -L 2 ./mininote/./mininote/├──config.js├──controllers│ └──notebook.js├──data├──Dockerfile├──index.js├──LICENSE├──package.json├──README.md├──routers│ └──notebook.js├──test│ └──index.js├──utils│ └──auth.js├──webapp│ ├──babel.config.js│ ├──caddy│ ├──index.html│ ├──jest.config.js│ ├──package.json│ ├──postcss.config.js│ ├──public│ ├──src│ ├──static│ ├──tailwind.config.js│ ├──tests│ ├──vite.config.js│ ├──vue.config.js│ └──yarn.lock└──yarn.lock11 directories, 20 files

7.3 安裝相關依賴

進入 Mininote 項目目錄

[root@flexusx-51a1 ~]# cd mininote/[root@flexusx-51a1 mininote]# lsconfig.js controllers data Dockerfile index.js LICENSE package.json README.md routers test utils webapp yarn.lock

執行以下命令，安裝相關依賴。

[root@flexusx-51a1 mininote]# yarnyarn install v1.22.22[1/5] Validating package.json...[2/5] Resolving packages...[3/5] Fetching packages...[4/5] Linking dependencies...[5/5] Building fresh packages...Done in 0.35s.

7.4 安裝前端依賴項并構建

·進入./webapp 目錄

[root@flexusx-51a1 mininote]# cd webapp/[root@flexusx-51a1 webapp]# lsbabel.config.js index.html package.json public static tests vue.config.jscaddy jest.config.js postcss.config.js src tailwind.config.js vite.config.js yarn.lock

·安裝前端依賴

yarn

·構建前端項目

yarn build

7.5 創建證書相關文件

·創建證書相關文件存放目錄

mkdir /root/certs && cd /root/certs

openssl req -new -newkey rsa:4096 -x509 -sha256 -days 365 -nodes -out mininote.crt -keyout mininote.key

·設置環境變量

export HTTPS_CERT='/root/certs/mininote.crt'export HTTPS_KEY='/root/certs/mininote.key'

7.6 啟動項目

·回到 Mininote 項目目錄

[root@flexusx-51a1 ~]# cd mininote/[root@flexusx-51a1 mininote]# lsconfig.js controllers data Dockerfile index.js LICENSE node_modules package.json README.md routers test utils webapp yarn.lock

·啟動 Mininote 服務

yarn start

7.7 關閉防火墻和 selinux

Flexus 云服務器 X 實例默認關閉防火墻和 selinux，如果沒有關閉，可以執行以下命令。

systemctl disable firewalldsystemctl stop firewalld

sed -i 's/SELINUX=enforcing/SELINUX=disabled/' /etc/selinux/configsetenforce 0

7.8 設置安全組規則

進入 Flexus 云服務器 X 實例控制臺，進行安全組規則配置。

入方向上放行 3000 端口，確認配置即可。

八、訪問 Mininote 服務

8.1 訪問 Mininote 首頁

本地瀏覽器：https://彈性公網 IP 地址:3000/，將 IP 替換成自己服務器的彈性公網 IP 地址，可以正常訪問到 Mininote 首頁。

8.2 創建密碼

填寫筆記本名稱，筆記本名稱自動填寫即可，這里填寫 Linux,，然后點擊“open”選項。

為新建筆記本設置密碼，密碼自定義設置即可。

8.3 新建筆記

填寫筆記標題，點擊“+”號，選擇新建筆記。

編輯筆記內容，保存即可。

九、使用體驗與總結

本次實踐成功完成了在華為云 Flexus 云服務器 X 實例上部署 Mininote 應用的任務，體驗非常出色。華為云 Flexus 云服務器 X 實例不僅具有高性價比，而且性能強勁、穩定安全，網絡穩定且操作流暢無卡頓。選擇這款云服務器，無疑開啟了一段愉悅的云服務體驗之旅。Mininote 作為一個輕量級的筆記工具，可以作為一個靈活的 Markdown 筆記應用，讓我們更好地組織和管理筆記和信息，極大地提升了工作效率。這次實踐讓我們充分感受到了優質云服務與高效工具帶來的便利，華為云 Flexus 云服務器 X 實例值得推薦使用！

趁著華為云 828 B2B 企業節的熱潮，快來探索 Flexus X 實例所帶來的超值優惠與卓越性能，助力您的業務騰飛；從高效能計算到全方位的安全保障，華為云提供一站式解決方案，滿足您的多樣化需求；不論是初創企業還是行業巨頭，加入華為云大家庭，都能體驗到技術創新帶來的無限機遇；讓我們攜手共進，開創云端新紀元，共享科技未來的紅利。

審核編輯 黃宇