使用宝塔面板部署前端网站

背景需求

感觉nginx太复杂,自己部署要下载很多东西,并且要上传文件什么的,很麻烦。新手小白学习部署网站,还是比较建议使用宝塔面板的,对新手很友好。
话不多说,现在开始

关键步骤

a.准备一个纯净的服务器,没有安装nginx之类的东西
b.安装宝塔面板
c.上传自己的前端文件

a.准备一个纯净的服务器,没有安装nginx之类的东西

注意点:如果你已经买了服务器,并且弄了很多乱七八糟的东西,建议大家把服务器重新初始化一下。
原因:注意官网的上的环境要求:必须为没装过其它环境如Apache/Nginx/php/MySQL的新系统,推荐使用centos 7.X的系统安装宝塔面板
如果是作为练习的话,买最便宜的就OK了。其实没什么,地域选择国内,然后配置选最低的就行了,便宜。操作系统一般都是选centOS64 ,把免费分配公网ip勾上就行

购买完成后,你可能不知道在哪里,你需要点控制台,然后找到云服务器ECS


然后你就能找到你的服务器了,其中最重要的就是实例(管理你的服务器状态)和安全组(控制可访问该服务器的端口号)

点击实例中的远程连接,看是否能正常连接。 这里的ip地址(公)就是待会你要连接的服务器的ip地址,也是别人访问你网站的地址,可以注意一下。

如果你的页面显示这个,说明你与远程连接已经成功了

b.安装宝塔面板

安装命令:yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec
安装命令在哪里找? 宝塔官网:https://www.bt.cn/new/download.html (你这边对应的是centos,因为刚才买的时候也是centos)

在窗口中输入安装宝塔面板的命令,然后一路回车,或者输入y/yes进行确认
image.png
安装成功之后,会有对应的宝塔服务生成,就是下面的。
image.png

将外网面板地址输入到浏览器上进行登录,你会发现一个问题,那就是无法访问
你需要解决这两个问题之后才能访问
1.添加安全组

添加一个38760的入口(为什么是38760而不是其他的,你要看上面宝塔外网ip的端口号,我的是38760,但是你起的可能是其他的,所以你要注意),其他选择如图
image.png
开放38760端口的原因如下图:

2.在解决完上面这个问题后,将外网面板地址输入到浏览器上进行登录,你会发现另一个问题,那就是浏览器提示你连接不是私密连接
image.png
不要慌,此时点高级,然后点继续前往。输入刚才的账号密码,你就会登录到首页了。
在登录到首页的时候,宝塔会提示你安装环境,你就直接选择左边的一键安装就ok了。等待安装环境完成
image.png

c.上传自己的前端文件

到网站模块下点击新建站点
image.png
删除原有文件
image.png
image.png
上传自己的文件
点击上传,然后把自己的index.html拖到指定区域点击上传就行了。
image.png

最后大功告成!!!!!!!!!在浏览器中输入你阿里云对公ip,就能访问到你的网站啦!!!
image.png

  • 3
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值