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

服务器前置准备

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

相关推荐
凹凸曼打不赢小怪兽12 分钟前
react 受控组件和非受控组件
前端·javascript·react.js
狂奔solar23 分钟前
分享个好玩的,在k8s上部署web版macos
前端·macos·kubernetes
qiyi.sky25 分钟前
JavaWeb——Web入门(8/9)- Tomcat:基本使用(下载与安装、目录结构介绍、启动与关闭、可能出现的问题及解决方案、总结)
java·前端·笔记·学习·tomcat
叫我龙翔1 小时前
【计网】实现reactor反应堆模型 --- 多线程方案优化 ,OTOL方案
linux·运维·网络
清云随笔1 小时前
axios 实现 无感刷新方案
前端
mit6.8241 小时前
[Docker#9] 存储卷 | Volume、Bind、Tmpfs | -v/mount | MySQL 灾难恢复 | 问题
linux·运维·docker·容器·架构
鑫宝Code1 小时前
【React】状态管理之Redux
前端·react.js·前端框架
Z1eaf_complete1 小时前
Docker的基础使用
运维·docker·容器·云计算
忠实米线1 小时前
使用pdf-lib.js实现pdf添加自定义水印功能
前端·javascript·pdf
pink大呲花1 小时前
关于番外篇-CSS3新增特性
前端·css·css3