华为云 Flexus 云服务器 X 实例部署 Mininote 轻量级笔记工具

@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 可以作为一个日记应用程序，你可以在每天记录下自己的心情、想法和日常活动。每条日记都可以保存为一个 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 实例所带来的超值优惠与卓越性能，助力您的业务腾飞；从高效能计算到全方位的安全保障，华为云提供一站式解决方案，满足您的多样化需求；不论是初创企业还是行业巨头，加入华为云大家庭，都能体验到技术创新带来的无限机遇；让我们携手共进，开创云端新纪元，共享科技未来的红利。

审核编辑 黄宇