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

服务器前置准备

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

相关推荐
小小的木头人11 分钟前
Windows Docker desktop 部署
运维·kafka
wanhengidc44 分钟前
云手机和虚拟机的区别都有哪些?
运维·服务器·安全·智能手机·玩游戏
李少兄1 小时前
HTML 表单控件
前端·microsoft·html
码农周1 小时前
从零搭建vsftpd服务器:避坑指南+实战解决方案
运维·服务器
学习笔记1012 小时前
第十五章认识Ajax(六)
前端·javascript·ajax
消失的旧时光-19432 小时前
Flutter 异步编程:Future 与 Stream 深度解析
android·前端·flutter
曹牧3 小时前
C# 中的 DateTime.Now.ToString() 方法支持多种预定义的格式字符
前端·c#
勿在浮沙筑高台3 小时前
海龟交易系统R
前端·人工智能·r语言
歪歪1003 小时前
C#如何在数据可视化工具中进行数据筛选?
开发语言·前端·信息可视化·前端框架·c#·visual studio
<但凡.3 小时前
Linux修炼:库制作与原理(一)
linux·运维·服务器