前端服务器部署入手教程

前端入手教程：如何搭建服务器并将前端项目部署到服务器

前言：此文分享个人方法与经验，我会尽量写的详细一些，跟着步骤走就行了

用到的工具有：腾讯云、finalshell、宝塔面板

总计分为以下几步：

1. 购买服务器：阿里云、腾讯云都可以(这里我以腾讯云为演示操作)
2. 配置服务器
3. 使用FinalShell SSH工具连接服务器
4. 安装并配制宝塔面板
5. 部署项目

步骤演示：

一、打开腾讯云官网腾讯云服务器链接 以下都是可以0元试用，这里我选择的时轻量应用服务器配置是1核1G新手用来测试完全足够使用

1. 镜像选择系统镜像_centos其他选项默认即可

二、购买后点击右上角的控制台找到你购买的服务器

1. 点开之后重置密码，确保服务器的状态为开启状态

三、配置端口号（重点）

1. 自定义添加端口号为8888的端口

四、接下来下载FinalShell远程工具链接服务器

这里我使用的是FinalShell SSH工具作演示：下载链接
(当然你也可以使用xmanager：下载链接)

1. 安装启动后新建SSH连接

2. 使用SSH新建链接

1. 名称：随意填写
2. 主机：服务器外网ip(不知道外网ip的可在腾讯云控制台中找到)，端口号默认22
3. 备注：可省略
4. 用户名：默认用户名root
5. 密码：你重置过的密码
   

3. 创建成功后会在conn文件下生成一个命令行

4. 双击打开命令行

到这一步你已经离成功不远了
连接断开也没关系，重新连接就行

5. 连接服务器需要一段时间，当显示链接成功后我们开始安装并配置宝塔面板

	宝塔官网:[宝塔链接](https://www.bt.cn/bbs/thread-19376-1-1.html)

安装命令行：

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

粘贴入命令行后回车，所有选择全部yes

注意：

1. 安装成功后会生成宝塔的访问链接、用户名和密码

2. 你也可以输入bt查看面板的命令行更具命令行的提示更改密码或用户名

3. 如果没有显示宝塔链接 你也可以输入14查看

4. 面板的地址自己保存一下，便于以后访问，如果忘了重新连接服务器输入bt与14查看即可

五、宝塔面板操作

1. 在浏览器中粘贴面板地址输入面板的账号和密码

成功登陆后点击添加站点后点击提交，没有需求数据库也可以不创建

2. 添加站点

3. 创建完成后点击文件根目录上传你所需要部署的文件

这里我以vue打包后的文件为例上传入宝塔

1.上传压缩包后解压

2.将dist文件内的子文件剪切至根目录

3.遇到替换直接替换即可

4.粘贴之后的目录

5.最后一步，在浏览器里输入网站名称即可也就是你的ip地址

发现访问成功，教程到此结束

常遇问题于说明

常遇问题：

1.ip地址端口打开失败

• 检查服务器防火墙是否放通8888、80、22、443端口

2.ip地址打开空白

• 检查上传文件是否放入根目录

3.连接问题

• 确保服务器是在运行开机状态

说明

1. 此教程适合为未有部署经验的同学
2. 若有不对 欢迎指正