华为云服务器的使用

1.引言

2.部署的目的

3.“购买华为云”

4.利用Xshell连接远程服务器

5.安装node并配置环境变量

6.安装依赖管理常用工具并修改数据源

7.安装git

8.git配置与使用

参考文献

1.引言

    本来说不写文章了,怎料学校安排的实习老师非要让我们使用华为云部署vue项目,之前也玩过服务器,从虚拟机到下血本购买阿里云服务器(其实有学生优惠价也不太贵,就是使用力度不大)。以前服务器部署都是使用阿里云+宝塔面板来处理的,有了宝塔面板,的确简单了很多。于是这次决定试试华为云给的优惠,期间也遇到了很多坑,想想还是记下来,方便以后使用,毕竟不能总是依赖宝塔面板吧,像其他的部署都是需要linux命令才行的。好,直接来吧!

2.部署的目的

    将一个基于vue-cli脚手架的vue项目部署到前端。使用操作系统:linux/centos8。

3.“购买华为云”

    华为云购买一个月不收费,用于用户试用。首先去(华为云官网注册),然后实名认证,接下来购买里面提供的(一个月试用的)服务器:

云服务器 配置企业微信 企业云服务器试用_云服务器 配置企业微信

寄,因为刚搞好的:

云服务器 配置企业微信 企业云服务器试用_vue.js_02

不过这不影响我写笔记,对远程服务器重装系统(xshell都连不上了,有效防止复活):

云服务器 配置企业微信 企业云服务器试用_华为云_03

4.利用Xshell连接远程服务器

(1)点击服务器的名称,跳转详情页:

云服务器 配置企业微信 企业云服务器试用_云服务器 配置企业微信_04

(2)点击安全组,点击配置规则,进入防火墙管理页面,说白了就是为了打开22端口好让Xshell能够连接服务器:

云服务器 配置企业微信 企业云服务器试用_云服务器 配置企业微信_05

(3)选择入方向规则,快速选择规则,里面的规则直接全选(因为之后可能会用到服务器相关端口):

云服务器 配置企业微信 企业云服务器试用_git_06

(4)(下载Xshell),连接远程服务器:

云服务器 配置企业微信 企业云服务器试用_华为云_07

接下来点击连接,然后输入用户名(root)和用户密码,最好勾选保存,方便下次快速连接。如果出现如下页面说明连接完成:

云服务器 配置企业微信 企业云服务器试用_git_08

5.安装node并配置环境变量

(1)创建node存放的目录

云服务器 配置企业微信 企业云服务器试用_vue.js_09

(2)进入node目录并执行如下代码,安装并解压node:

wget https://nodejs.org/dist/v16.5.0/node-v16.5.0-linux-x64.tar.xz
tar xvJf node-v16.5.0-linux-x64.tar.xz

(3)配置环境变量: 首先需要记住几个linux指令:

vim +文件名   //(以可编辑形式进入指定文件,vi也可以)
进入文件之后按下insert          //开启编辑
进入文件之后按下esc          //退出编辑
:q!          //直接退出文件(不保存)
:qw          //退出并保存
rm -rf +文件夹       //递归删除文件夹(直接删除非空文件夹会报错)
rm -f +文件       //强制删除文件(一般用于特殊格式文件)

执行如下指令并在文件中添加下方环境变量:

vim /etc/profile
export PATH=$PATH:/opt/software/node-v16.5.0-linux-x64/bin/

修改结果如下图所示($path:表示的是根目录,如果不是安装上述文件夹配置,指向对应的node.exe目录就行),执行::wq退出并保存

云服务器 配置企业微信 企业云服务器试用_华为云_10

可能会存在同时修改了多次文件的情况,(解决方法),删除系统临时缓存文件:

云服务器 配置企业微信 企业云服务器试用_云服务器 配置企业微信_11

执行如下指令使node环境变量快速生效:

source /etc/profile

最后执行node -v如果展示node版本说明配置完成。

6.安装依赖管理常用工具并修改数据源

(1)修改npm源

npm config set registry https://registry.npm.taobao.org --global

(2)安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

(3)安装yarn

npm i yarn -g

(4)修改yarn源:

yarn config set registry https://registry.npm.taobao.org

7.安装git

直接执行yum install git会报错,原因是数据源缺失,应该是centos8里面的bug

云服务器 配置企业微信 企业云服务器试用_华为云_12

解决方法:

#进入配置文件夹
cd /etc/yum.repos.d/
#删除旧的配置文件
rm *.repo
连续输入y确认

执行如下指令重新安装.repo 文件:

wget -O /etc/yum.repos.d/CentOS-Base.repo https://mirrors.aliyun.com/repo/Centos-vault-8.5.2111.repo

生成缓存:

yum makecache

再执行yum install git就OK了。

8.git配置与使用

(1)git安装完成之后,全局配置用户名和邮箱,执行git config --list查看配置信息:

云服务器 配置企业微信 企业云服务器试用_云服务器 配置企业微信_13

(2)回到根目录然后创建一个website目录并进入,直接使用git拉取远程仓库代码(需要再次输入用户名和密码);

(3)进入项目根目录执行npm i安装依赖,然后执行npm run serve运行项目;

(4)外网ip+vue端口号访问,结果展示如下:

参考文献

(1)解决Centos8 yum 官方源下线后无法使用问题