全栈学习之路
- 噫吁嚱,全栈之难,难于上青天。万丈高楼平地起,学习还得靠自己,同志们,盘一盘
- 今天让我们从一个服务器开始,发布我们的一个前端项目,他讲让你快速拥有一个自己的服务器和自己专属页面,以及后续的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后台,并创建自己的数据库
- 这样我们很简单的完成了,前端代码和后端代码的部署,
- 又像全栈前进一步,加油加油!!!!!