2024年前端最新服务器项目部署(1)，阿里P7亲自教你

2401_84619565

已于 2024-05-07 04:46:33 修改

阅读量755

点赞数 16

分类专栏：程序员文章标签：前端服务器运维

于 2024-05-07 04:46:31 首次发布

本文链接：https://blog.csdn.net/2401_84619565/article/details/138516318

版权

程序员专栏收录该内容

92 篇文章 0 订阅

订阅专栏

最后

前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

阿里云地址：https://developer.aliyun.com/plan/grow-up

推荐参与“飞天计划”可获得两个半月的免费服务器使用资格

飞天计划地址：https://developer.aliyun.com/plan/student

服务器基础配置

服务器购买成功之后在阿里云的首页右上角进入控制台，控制台的侧边栏中有服务器选项，点击进入后你就可以看到自己购买的服务器，右下角就是你服务器的ip地址，接下来要用到。

首先点击远程连接中的设置root密码，这是连接服务器要用到的。

然后在防火墙中点击添加规则开放端口，开放了端口后才其他人可以访问服务器上的程序或服务，因为是自己学习用的不存在什么安全问题，为了方便我开启了所有端口。你也可以只开启21，22，443，8080这几个端口，如果你使用的是宝塔linux（后续提到），则还需要打开8888端口。

下载Xshell和XFTP并连接

地址：https://www.netsarang.com/zh/xshell/

在这里插入图片描述

在此可以免费下载使用

在这里插入图片描述

此处选择两者（xshell和xftp）邮箱填常用邮箱，填好之后点击“下载”，官网便会向填写邮箱发送两个包含下载地址的邮件（一个xshell，一个xftp）。完成安装之后打开xshell，第一次使用需要点击新建连接服务器

在这里插入图片描述

第一个面板需要填写名称（自定义）和主机名（公网IP），之后点击用户身份验证，填写用户名和密码（用户名默认ROOT，阿里云的初始密码为空需要在阿里云控制台）

在这里插入图片描述

之后点击连接即可从xshell连接到服务器，中途会出现一个ssh的验证选择接收并保留（因为本人很久以前配置的服务器所以此处无图）。

之后出现一下的命令则表明连接成功。

在这里插入图片描述

打开8080和8888端口

回到阿里云控制台，点击安全组

在这里插入图片描述

之后点击配置规则

在这里插入图片描述

点击手动添加

在这里插入图片描述

之后配置8888和8080端口（8888宝塔，8080tomcat）

配置如下

在这里插入图片描述

配置宝塔

打开宝塔（地址：https://www.bt.cn/）通过手机号注册一个账号

在xshell中输入则可安装宝塔，途中会询问是否安装，输入y即可

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

安装完成后在命令行输入bt

在这里插入图片描述

之后输入14查看信息

在这里插入图片描述

在浏览器输入外网面板的地址进入宝塔界面，用户名和密码均已给出

进入宝塔之后点击软件商店->运行环境，在软件里面找到tomcat和mysql点击安装（推荐使用tomcat9以及mysql5.7）此处会很慢，耐心等待。

在这里插入图片描述

tomcat配置

宝塔安装的软件默认都是装在/www/server/目录下，安装好之后我们使用以下指令

进入tomcat安装位置

cd /www/server/tomcat/bin

启动tomcat

./startup.sh

之后我们在浏览器输入（公网IP填自己服务器的）

公网IP:8080

如果出现以下界面则配置成功

在这里插入图片描述

如果出现404，则需要检查tomcat是否开启，还有服务器8080端口是否开放（与阿里云控制台放行的8080不一样），如果未开放则使用以下指令（如果都出现success则表示成功）

开放8080端口

firewall-cmd --zone=public --add-port=8080/tcp --permanent

配置立即生效

firewall-cmd --reload

之后再在端口访问8080端口

MySQL配置

宝塔下的数据库配置十分简单

在这里插入图片描述

填写数据库名称和用户名即可创建成功，之后点击导入，将SQL文件导入进去即可（注意：项目部署到服务器时用户名和密码也应该配置为服务器数据库的用户名密码）。

在这里插入图片描述

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

html5