手把手带用宝塔面板发布前端项目

全栈学习之路

• 噫吁嚱，全栈之难，难于上青天。万丈高楼平地起，学习还得靠自己，同志们，盘一盘
• 今天让我们从一个服务器开始，发布我们的一个前端项目，他讲让你快速拥有一个自己的服务器和自己专属页面，以及后续的nodejs后台，甚至go，java后台服务

服务器的获取

1.服务器的选择

• 目前主流的国内服务器供应商有三个
  • 阿里云：https://www.aliyun.com/?spm=5176.12901015-2.0.0.22a5525cEXmAPS
  • 腾讯云：https://cloud.tencent.com/
  • 华为云 ：https://activity.huaweicloud.com/1111_promotion/index.html?utm_source=baidu&utm_medium=brand&utm_campaign=10056&utm_content=&utm_term=&utm_adplace=AdPlace024711
• 选择适合自己的套餐，尝鲜的话，一个月很便宜的，相当于白给

2.服务器上安装宝塔面板

• 在自己购买好的服务器上，选择center os的镜像
• 一定设置登录密码，不然进不了管理员root权限（因为一些操作需要管理员权限）
• 
• 进入管理员模式 su root,然后输入自己设置的管理员密码,输入完成后，按回车键
• 
• 安装宝塔面板
• if [ -f /usr/bin/curl ];then curl -sSO https://download.bt.cn/install/install_panel.sh;else wget -O install_panel.sh https://download.bt.cn/install/install_panel.sh;fi;bash install_panel.sh ed8484bec

宝塔面板搭建前端页面

1.端口放行

• 当我们安装好宝塔面板时，他会提供一个初始的账号密码
• 还有访问地址，当然，直接访问的时候，你会遇到很大的问题，打不开。。。
• 我们需要进入服务器-防火墙-端口放行，宝塔默认是8888端口
• 

2.登录宝塔后台

• 利用初始密码登录宝塔后台，后面可以修改账号和密码
• 需要绑定一个宝塔账号，自己用手机号注册下就行
• 选择默认安装插件就行，等待下载完成即可
• 

3.新建一个前端页面

• 网站—php项目—添加站点，输入服务器域名等操作，即可新建成功页面
• 关于如何添加不同端口的问题，先随便添加个，然后再添加个你想要添加的，再删除掉无用的
• 目前就可以访问我们的页面，
• 我们也可以上传自己的html，需要前端打包工程，yarn build，然后更改站点目录映射到，打包后的文件即可
• 

预告：搭建node后端接口

• 下一期我们需要搭建node后台，并创建自己的数据库
• 这样我们很简单的完成了，前端代码和后端代码的部署，
• 又像全栈前进一步，加油加油！！！！！