前端项目部署-服务器前置准备

服务器前置准备

本文使用的服务器是阿里云云服务器,操作系统是CentOS 7.9 64位。

本机登录服务器

远程登录服务器可以使用Xshell软件,如果需要进行文件传输的话则可以使用Xftp

如果仅需要进行一些简单的指令操作时,也可以使用我们的电脑上的终端,我的是windows系统,所以使用的是Powershell。打开Powershell,输入以下指令:

css 复制代码
ssh root@6.666.666.666

"root"是服务器实例登录的用户名,"6.666.666.666"是服务器实例的公网IP。紧接着会让你输入密码,也就是服务器实例的密码,密码输入正确后回车即可连接成功。

如果不想每次都输入密码,则可以设置ssh免密登录,操作步骤如下:

在我们的Powershell中输入以下指令:

arduino 复制代码
ssh-keygen -t rsa -C "你的邮箱"

回车后会询问你密钥的存放地址,默认为C:\Users\用户名\.ssh\id_rsa,之后会有两步询问私钥的密码,可为空直接回车跳过。最终会生成一对密钥,私钥名为id_rsa,公钥名为id_rsa.pub

然后需要把生成的公钥保存到服务器的/root/.ssh/authorized_keys文件中:

bash 复制代码
# 进入.ssh目录
cd .ssh

# 查看该目录下的所有文件 
ls

# 如果没有authorized_keys文件则需要创建一个
touch authorized_keys

# 编辑authorized_keys文件
vi authorized_keys

按下i按键,进入编辑模式,把id_rsa.pub中的所有内容拷贝到authorized_keys文件中,然后按下Esc按键,输入:wq,保存并退出。

设置好了之后,即可以输入exit指令,退出服务器,然后再次进行连接,不需要输入密码即可直接连接成功,如果还是需要输入密码,则可能是权限不够,输入密码登录后,输入以下指令:

bash 复制代码
cd .ssh
chmod 700 ../
chmod 700 .
chmod 600 authorized_keys

再次退出服务器,重新连接,即可不需要密码直接登录。

安装所需软件

bash 复制代码
# 安装git
yum install git

# 安装nginx
yum install nginx

# 安装wget
yum install wget

# 安装nvm
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash

# 安装node
nvm install 16.20.0

# 安装yarn
npm install --global yarn

nvm可能安装了好几个版本的node,每次服务器重新连接的时候node的版本都会切换为默认版本,所以可以将使用中的版本设置为默认版本。

csharp 复制代码
nvm alias default <version>

服务器密钥配置

为了方便后续克隆代码,先来配置下服务器的ssh key,配置过程同上。

连接服务器,输入以下指令:

arduino 复制代码
ssh-keygen -t rsa -C "你的邮箱"

接下来的操作步骤跟上面的一样。最终会生成一对密钥,公钥存放地址为/root/.ssh/id_rsa.pub,将公钥复制粘贴配置到源代码平台,本文使用的是gitee,配置地址为:gitee SSH公钥配置。配置好了之后就可以克隆代码了。

服务器准备好了,让我们开始部署代码吧~
前端项目部署-手动部署

参考文章

1、web 和 node 项目部署阿里云服务器并域名访问教程

2、[Centos7]初步入门---git安装、配置、拉取代码一步呵成

3、Linux常用命令大全

相关推荐
roman_日积跬步-终至千里6 小时前
【Docker】Docker Stop 后到底发生了什么?——从信号机制到优雅停机
运维·docker·容器
喵手6 小时前
云端智变:基于 DevUI 与 MateChat 打造下一代云原生智能运维中台实战教学!
运维·云原生·devui·matechat
ttod_qzstudio6 小时前
深入理解 Vue 3 的 h 函数:构建动态 UI 的利器
前端·vue.js
_大龄6 小时前
前端解析excel
前端·excel
小五传输7 小时前
常用的文件摆渡系统:让数据安全高效跨越网络界限
大数据·运维·安全
一叶茶7 小时前
移动端平板打开的三种模式。
前端·javascript
前端大卫7 小时前
一文搞懂 Webpack 分包:async、initial 与 all 的区别【附源码】
前端
Want5957 小时前
HTML音乐圣诞树
前端·html
2501_921939267 小时前
11.26LAMP-LNMP-分离部署
运维
牛哥带你学代码7 小时前
服务器运行常用指令
运维·服务器