制作好的网页想要发布到互联网,该怎么发布呢?我们需要将保存在本地的站点上传站点到服务器,首先我们需要准备一个服务器(可通过服务器公网IP地址访问),也可以购买域名,域名购买可以通过阿里云、腾讯云、百度云等;
当我们购买好相应服务器后,可获得服务器公网IP地址,有了购买的服务器公网地址我们就可以开始工作了。
开始上传:
首先给大家介绍一下SSH连接工具 Final shell,连接到服务器公网IP,FinalShell是一体化的的服务器,网络管理软件,不仅是ssh客户端,还是功能强大的开发,运维工具,充分满足开发,运维需求;可自行下载,或者百度网盘链接:https://pan.baidu.com/s/13QxMHWdh1UnEuCwGx9lYxg 提取码:3shz
第二步:部署Nginx
Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,在BSD-like 协议下发行。其特点是占有内存少,并发能力强;
在SSH连接工具 Final shell连接成功后,输入命令安装Nginx
// 安装nginx yum install -y nginx // 设置开机启动 systemctl start nginx.service systemctl enable nginx.service
但是nginx默认使用端口 80, 我们购买的服务器实例一般默认不开启端口80,默认只有 22 和 3389端口,我们可以通过设置,打开80端口;登录相应服务器管理网站打开端口服务,我们这边一阿里云为例开始设置。
设置好之后,我们直接访问我们服务器的公网IP地址,就可以看到如下画面,就代表Nginx设置好了;
第三步:部署自己的web应用
1.在本地打包自己的网页文件,我这边是Vue项目,运行如下命令打包
cnpm / npm run build
2.在Final shell连接页面,输入命令行,打开Nginx目录的路径
cd /usr/share/nginx/html
3.将打包好的dist网页文件夹,拖入Nginx目录的路径
4.把拖入的网页文件夹设置成Nginx网页目录的根路径
// 进入nginx目录 cd /etc/nginx // 编辑nginx的配置文件 vi nginx.conf
5.修改代码如下: // 把dist 文件夹设置成Nginx网页目录的根路径
按下 i 进入编辑状态修改文件 ,ESC 退出编辑状态, :q! 不保存退出, :wq! 保存后退出,
6.重新启动nginx服务器后,再次输入服务器公网,即可查看你的项目文件了
// 重启服务器 /sbin/nginx -s reload
以上完成,之后网站就可以通过IP地址访问了,如果希望通过域名访问,只需购买域名,然后备案,做一下域名解析就OK了。