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

服务器前置准备

本文使用的服务器是阿里云云服务器,操作系统是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常用命令大全

相关推荐
子兮曰3 天前
jev-ultrafast 深度解析:7 秒订机票的浏览器 Agent 是如何炼成的
前端·后端·agent
子兮曰3 天前
Jev 爆发一周:7 秒 Agent 背后的 System One 生态与三场争议
前端·后端·ai编程
前端小万3 天前
写公众号赚了 3000 块后,我做了一款叫 "一键成稿" 的软件
前端·微信小程序
爱勇宝3 天前
ZCode 开源 24 小时:一份没有历史的账本,回答不了"有没有偷代码"
前端·后端·chatglm (智谱)
虎头金猫3 天前
4K 视频总卡在公网带宽?用 N1 + OpenList 把网盘播放链路重新理顺
运维·服务器·网络·python·容器·beautifulsoup·pandas
三十而立洋3 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁3 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
AI职业加油站3 天前
AI智能体应用工程师证书:政策红利下的职业新风口
大数据·运维·人工智能·学习·职场发展
此冬歌咏4 天前
K8s 节点故障实战:优雅驱逐 31 秒,硬故障 331 秒,以及那个永远 Pending 的 Pod
运维·k8s
汉堡大王95274 天前
Jev:不是聊天机器人, 而是一个智能 if 语句
前端·人工智能·后端