華為云 Flexus 云服務(wù)器 X 實(shí)例部署 Mininote 輕量級(jí)筆記工具

@TOC

一、Flexus 云服務(wù)器 X 實(shí)例介紹

1.1 Flexus 云服務(wù)器 X 實(shí)例簡(jiǎn)介

·官網(wǎng)地址：華為云Flexus云服務(wù)器X實(shí)例

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

1.2 Flexus 云服務(wù)器 X 實(shí)例特點(diǎn)

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

·可靈活自定義 vCPU 內(nèi)存配比：用戶可以根據(jù)自己的需要靈活調(diào)整虛擬 CPU 和內(nèi)存的配比，以滿足不同場(chǎng)景的需求。

·智能感知業(yè)務(wù)動(dòng)態(tài)升降配：Flexus 云服務(wù)器 X 實(shí)例能夠智能感知業(yè)務(wù)的負(fù)載情況，并根據(jù)需要自動(dòng)升降配，以滿足業(yè)務(wù)的需求，提高系統(tǒng)的穩(wěn)定性和性能。

·負(fù)載范圍更高：相對(duì)于 Flexus 應(yīng)用服務(wù)器 L 實(shí)例，F(xiàn)lexus 云服務(wù)器 X 實(shí)例能夠處理更高的負(fù)載，適用于更復(fù)雜和繁忙的場(chǎng)景。

1.3 Flexus 云服務(wù)器 X 實(shí)例使用場(chǎng)景

Flexus 云服務(wù)器 X 實(shí)例針對(duì)不同的使用場(chǎng)景展現(xiàn)出其獨(dú)特的優(yōu)勢(shì)：

1.電商直播：利用 X 實(shí)例搭建電商交易平臺(tái)，可以有效應(yīng)對(duì)電商市場(chǎng)的瞬息萬變，從容處理業(yè)務(wù)壓力波動(dòng)，確保交易過程順暢無阻。

2.企業(yè)建站：面向博客、論壇和企業(yè)門戶等應(yīng)用場(chǎng)景，X 實(shí)例幫助企業(yè)高效傳播價(jià)值信息，促進(jìn)信息共享與交流，支持構(gòu)建多功能傳播和交互平臺(tái)。

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

4.游戲服務(wù)器：適用于搭建游戲后臺(tái)服務(wù)器，強(qiáng)大的計(jì)算能力可以輕松應(yīng)對(duì)大量玩家同時(shí)在線的情況，同時(shí)支持平滑擴(kuò)容，快速應(yīng)對(duì)玩家數(shù)量增長(zhǎng)的需求，以及提供出色的網(wǎng)絡(luò)加速能力以提升用戶體驗(yàn)。

二、Mininote 項(xiàng)目介紹

2.1 Mininote 簡(jiǎn)介

Mininote 是一個(gè)簡(jiǎn)單、自托管、加密的 Markdown 筆記應(yīng)用程序，使用 Vue 3 和 Express 構(gòu)建。

2.2 Mininote 使用場(chǎng)景

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

·日記記錄：Mininote 可以作為一個(gè)日記應(yīng)用程序，你可以在每天記錄下自己的心情、想法和日?；顒?dòng)。每條日記都可以保存為一個(gè) Markdown 文檔，方便你長(zhǎng)期保存和查看。

·項(xiàng)目管理：如果你正在進(jìn)行一個(gè)項(xiàng)目，Mininote 可以幫助你記錄項(xiàng)目的進(jìn)展、任務(wù)列表和備忘錄。你可以創(chuàng)建多個(gè)筆記來組織不同的項(xiàng)目，并使用標(biāo)簽或文件夾來分類和歸檔。

·學(xué)習(xí)筆記：無論是學(xué)習(xí)新知識(shí)還是復(fù)習(xí)舊知識(shí)，Mininote 都是一個(gè)很好的工具。你可以創(chuàng)建不同的筆記本來整理和記錄你的學(xué)習(xí)內(nèi)容，而且 Markdown 語法可以幫助你更好地組織和呈現(xiàn)筆記。

·團(tuán)隊(duì)協(xié)作：如果你有一個(gè)小團(tuán)隊(duì)或者合作伙伴，Mininote 可以作為一個(gè)簡(jiǎn)單的協(xié)作工具。你可以創(chuàng)建一個(gè)共享筆記本，讓團(tuán)隊(duì)成員可以編輯和評(píng)論筆記。而且你的筆記可以加密存儲(chǔ)，保護(hù)你的隱私。

三、本次實(shí)踐介紹

3.1 本次實(shí)踐簡(jiǎn)介

1.本次實(shí)踐為個(gè)人測(cè)試學(xué)習(xí)環(huán)境，旨在快速部署應(yīng)用，生產(chǎn)環(huán)境請(qǐng)謹(jǐn)慎；2.本次實(shí)踐環(huán)境為云華為云 Flexus 云服務(wù)器 X 實(shí)例，使用的操作系統(tǒng)為 Huawei Cloud EulerOS 2.0 (x86_64)；3.在華為云 Flexus 云服務(wù)器 X 實(shí)例上部署 Mininote 輕量級(jí)筆記工具。

3.2 本次環(huán)境規(guī)劃

四、購(gòu)買華為云 Flexus 云服務(wù)器 X 實(shí)例

4.1 登錄華為云

進(jìn)入華為云官網(wǎng)：https://activity.huaweicloud.com/，登錄自己的華為云賬號(hào)，進(jìn)入華為云首頁。

4.2 進(jìn)入 Flexus 云服務(wù)器 X 實(shí)例購(gòu)買頁面

我們?cè)谌A為云官網(wǎng)首頁，精選推薦模塊中，可以看到 Flexus 云服務(wù)器 X 實(shí)例，點(diǎn)擊進(jìn)入 Flexus 云服務(wù)器 X 實(shí)例主頁。

點(diǎn)擊頁面中的“購(gòu)買”選項(xiàng)，進(jìn)入 Flexus 云服務(wù)器 X 實(shí)例購(gòu)買頁面。

4.3 購(gòu)買 Flexus 云服務(wù)器 X 實(shí)例配置

·可參考以下基礎(chǔ)配置，進(jìn)行購(gòu)買：

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

·確認(rèn)配置及購(gòu)買

在確認(rèn)配置頁面，檢查 Flexus 云服務(wù)器 X 實(shí)例的各項(xiàng)配置是否正確。檢查完畢后，點(diǎn)擊“立即購(gòu)買”。付款完畢后，華為云 Flexus 云服務(wù)器 X 實(shí)例購(gòu)買成功。

五、檢查云服務(wù)器環(huán)境

5.1 查看 Flexus 云服務(wù)器 X 實(shí)例狀態(tài)

進(jìn)入華為云 Flexus 云服務(wù)的控制臺(tái)，選擇 Flexus 云服務(wù)器 X 實(shí)例，可以看到已經(jīng)正在運(yùn)行的 Flexus 云服務(wù)器 X 實(shí)例。

5.2 使用 Xshell 遠(yuǎn)程連接

·復(fù)制 Flexus 云服務(wù)器 X 實(shí)例的彈性公網(wǎng) IP 地址

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

5.3 檢查操作系統(tǒng)版本

檢查 Flexus 云服務(wù)器 X 實(shí)例的操作系統(tǒng)版本，本次實(shí)踐選擇的版本為 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 檢查內(nèi)核版本

檢查當(dāng)前操作系統(tǒng)的內(nèi)核版本，當(dāng)前內(nèi)核版本為 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

檢查服務(wù)器是否安裝 Node.js，華為云 Flexus 云服務(wù)器 X 實(shí)例使用的公共鏡像 Huawei Cloud EulerOS 默認(rèn)沒有安裝 node.js 環(huán)境。

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

六、安裝 Node.js 環(huán)境

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 軟件包

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

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

6.3 創(chuàng)建軟鏈接

用創(chuàng)建軟鏈接的方法，使得在任意目錄下都可以直接使用 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 配置環(huán)境變量

·在/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 版本

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

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

6.6 設(shè)置 npm 鏡像源

·為了加速下載速度，可以將 npm 設(shè)置為國(guó)內(nèi)淘寶最新的鏡像源。

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

·查看 npm 鏡像源

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

6.7 安裝 yarn

執(zhí)行以下命令，安裝 yarn 工具。

npm install -g yarn

查詢 yarn 版本，當(dāng)前安裝版本為 1.22.22。

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

七、部署 Mininote 應(yīng)用

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 安裝相關(guān)依賴

進(jìn)入 Mininote 項(xiàng)目目錄

[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

執(zhí)行以下命令，安裝相關(guān)依賴。

[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 安裝前端依賴項(xiàng)并構(gòu)建

·進(jìn)入./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

·構(gòu)建前端項(xiàng)目

yarn build

7.5 創(chuàng)建證書相關(guān)文件

·創(chuàng)建證書相關(guān)文件存放目錄

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

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

·設(shè)置環(huán)境變量

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

7.6 啟動(dòng)項(xiàng)目

·回到 Mininote 項(xiàng)目目錄

[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

·啟動(dòng) Mininote 服務(wù)

yarn start

7.7 關(guān)閉防火墻和 selinux

Flexus 云服務(wù)器 X 實(shí)例默認(rèn)關(guān)閉防火墻和 selinux，如果沒有關(guān)閉，可以執(zhí)行以下命令。

systemctl disable firewalldsystemctl stop firewalld

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

7.8 設(shè)置安全組規(guī)則

進(jìn)入 Flexus 云服務(wù)器 X 實(shí)例控制臺(tái)，進(jìn)行安全組規(guī)則配置。

入方向上放行 3000 端口，確認(rèn)配置即可。

八、訪問 Mininote 服務(wù)

8.1 訪問 Mininote 首頁

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

8.2 創(chuàng)建密碼

填寫筆記本名稱，筆記本名稱自動(dòng)填寫即可，這里填寫 Linux,，然后點(diǎn)擊“open”選項(xiàng)。

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

8.3 新建筆記

填寫筆記標(biāo)題，點(diǎn)擊“+”號(hào)，選擇新建筆記。

編輯筆記內(nèi)容，保存即可。

九、使用體驗(yàn)與總結(jié)

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

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

審核編輯 黃宇