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

服务器前置准备

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

相关推荐
Awu122743 分钟前
⚡从零开发 Agent CLI(五)实现一个可治理、可扩展的工具系统
前端·人工智能·claude
咪库咪库咪1 小时前
Vue3-生命周期
前端
莪_幻尘2 小时前
你的 AI Skill 越多越蠢?Token 上下文爆炸的求生指南
前端·ai编程
阿里云大数据AI技术2 小时前
阿里云 EMR AI 助手正式发布:从问答工具到全栈智能运维助手
运维·人工智能
lichenyang4532 小时前
从 has.echo 到异步 API 注册表:一次 ASCF API 回调不触发的排查复盘
前端
林瞅瞅2 小时前
Nuxt3 项目部署 Nginx 防盗链后特定 JS 文件 403 问题修复方案
前端
kyriewen3 小时前
别再每次都 Google 了:我整理了前端日常最常踩的 10 个 Git 坑,附速查表
前端·javascript·git
一颗奇趣蛋3 小时前
Web 视频开发完全指南:从入门到精通
前端
非洲农业不发达3 小时前
windows终端体验大升级,让你拥有macos级别的美化
前端·后端
妙码生花3 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十七):登录接口完善,登录页接口整合,解决跨域
前端·后端·ai编程