Web入门开发【五】- 线上部署

Web入门开发【五】- 线上部署_第1张图片

欢迎来到霍大侠的小院,我们来学习Web入门开发的系列课程。

首先我们来了解下这个课程能学到什么?

1、你将可以掌握Web网站的开发全过程。

2、了解基础的HTML,CSS,JavaScript语言。

3、开发自己的第一个网站。

4、认识很多对编程感兴趣的朋友,一起学习交流。

有什么展现成果吗?

完成属于你的网站,展示给你的家人朋友们,比如做一个家人相册网站,是不是有满满的成就感。

自己看视频不会操作怎么办?

学习过程有问题可以加入我们的社群需求帮助。

Web入门开发【五】- 线上部署_第2张图片

Web入门开发【五】- 线上部署_第3张图片

选择服务器的方式

Web入门开发【五】- 线上部署_第4张图片

Web入门开发【五】- 线上部署_第5张图片

1 如果你做的个人网站只是自己玩,则用自己电脑当服务器就可以,如果家里网络是静态IP,则直接可以给域名配置IP地址,否则装个花生壳软件做跳转也行。

2 如果你喜欢玩硬件,可以搞一个专业服务器,但是价格偏贵点,一台普通服务器大概5000元左右。

3 你可以到阿里云等云平台购买云服务器,有按月按年等付费模式,便宜的通常一年几百块就可以。还能用服务器来测试和开发,适合初学者。

4 按量付费的serverless模式,应该是以后的趋势,各大云平台都有提供。它会根据你的使用情况弹性收费,而且你也会根据你的产品架构和流量弹性升级,适合中高级朋友。

安装服务端软件

Web入门开发【五】- 线上部署_第6张图片

我们建议你的服务器操作系统为linux操作系统,目前Linux系统是服务器使用最多的系统。具体可以参与Linux的Centos或者unbantu都可以。

如果不想 直接操作服务器的朋友,也可以先在windows提供的WSL子系统上部署unbantu做测试练习。

然后跟着宝塔提供的安装帮助,一步一步安装即可,宝塔提供傻瓜式的服务端软件部署方式。我们这里就不再展示宝塔的安装过程。大家可以直接到官网查询安装帮助即可。

Web入门开发【五】- 线上部署_第7张图片

我们来看下怎样利用宝塔软件部署你的网站。输入你的服务器IP地址后登录到宝塔面板,到软件商店中找到nginx这个web服务端软件,安装并启动它。

Web入门开发【五】- 线上部署_第8张图片

这样我们的服务器就可以支持你的网站运行了。也就是说web网站,需要一个web server的服务端软件来支持才能运行起来。

部署Web网站

Web入门开发【五】- 线上部署_第9张图片

Web入门开发【五】- 线上部署_第10张图片

下面来看怎样部署Web网站。

接着点击菜单网站,然后点击添加站点,就可以输入你的网站域名,然后点击提交你的网站就算创建成功了。

Web入门开发【五】- 线上部署_第11张图片

如图红框中就是我们创建好的演示网站,然后我们去传入网站代码文件。

Web入门开发【五】- 线上部署_第12张图片

点击红框中的路径目录。

Web入门开发【五】- 线上部署_第13张图片

它会跳转到服务器的这个网站目录下,这里传入了我的静态网站代码文件。这样一个网站的部署就算大功告成了。

Web入门开发【五】- 线上部署_第14张图片

大家可以看到这个域名绑定的是我的个人主页。

你可以在你自己电脑的浏览器上输入域名地址,就可以展示你的个人网站了。如果你还没有域名地址,你也可以用IP地址来访问,这个前提是需要你部署代码到默认根目录下。

下一课程我们会讲怎样购买域名和绑定你的服务器。

Web入门开发【五】- 线上部署_第15张图片

记得关注我,跟着我每天学习一点点,让你不再枯燥,不再孤单......

你可能感兴趣的:(Web编程入门,服务器,linux,运维)