潍坊网站制作公司,哪家公司做网站建设比较好,网站备案帐号,单页网站模板wap文章目录 1. 背景2. 网站的本地部署3. 本地部署的步骤4. 服务器软件介绍5. 本地部署实操5.1 开发一个网站5.2 下载服务器软件5.3 将网站复制到服务器软件下5.4 启动服务器软件5.5 通过Http协议访问网站 6. 小结 1. 背景
我们之前开发的网页#xff0c;都是编写完成后#xf… 文章目录 1. 背景2. 网站的本地部署3. 本地部署的步骤4. 服务器软件介绍5. 本地部署实操5.1 开发一个网站5.2 下载服务器软件5.3 将网站复制到服务器软件下5.4 启动服务器软件5.5 通过Http协议访问网站 6. 小结 1. 背景
我们之前开发的网页都是编写完成后双击直接用浏览器打开的效果如下。
注意红线处的地址它实际上是一个文件的本地存储地址所以开头会有个file://标记表示浏览器是从本地文件读取的网页。 但是实际上我们的网页并不是为了仅仅从自己电脑上打开并浏览的。
网页更大的价值是在于传播也就是你电脑上的网页要让成千上万人看到那才更有价值。
要实现网页的传播就得将网站网页部署到服务器上。
2. 网站的本地部署
网站根据部署位置的不同可以简单地分为本地部署和远程部署两类。
所谓本地部署就是把网站部署到本机当前使用电脑的服务器软件上这种主要是用来测试网站能否在服务器软件上运行的良好。
所谓远程部署就是把网站部署到性能强悍的机房服务器或者云服务器上以供全世界的朋友们访问。
本节我们先讲一下如何实现本地部署。
3. 本地部署的步骤
本地部署可以分为几个步骤
编写网站下载服务器软件将网站复制到服务器软件下启动服务器软件通过Http协议访问网站
从这里你其实可以看到本地部署的核心其实是服务器软件。
4. 服务器软件介绍
这里首先要区分服务器、服务器软件这两个概念。
服务器一般我们指的是性能比较强的电脑这种电脑我们个人拿来用有点浪费因为挺贵的起步也得一两万一台。它是用来运行我们的网站的可以供成千上万甚至几十万、几百万的用户同时访问。
服务器软件则是服务器上安装的各种软件以我们网站部署所用软件为例精准的说应该是web服务器软件它的作用就是把网站传播出去。
做个对比广播大家都听过广播的作用是把声音传播出去那么web服务器软件的作用就是把网站传播出去。广播是通过空气传播的网站是通过http协议传播的web服务器就是支持http协议传播的软件。
5. 本地部署实操
上面讲了好多概念性的东西接下来我们介绍下如何实实在在的进行本地部署。
5.1 开发一个网站
如下图我们新建一个网站文件夹mysite里面简简单单放个网页index.html。 然后编写index.html代码如下:
!DOCTYPE html
html
headmeta charsetUTF-8title我的网站/title
/head
body这个网站很好
/body
/html5.2 下载服务器软件
web服务器软件有很多就像音乐软件有很多一个道理QQ音乐、网易云音乐、酷狗音乐。
操作起来也差不多此处给大家选一个比较简单的——nginx这软件虽然很小但是性能极其强大。
打开网址https://nginx.org/en/download.html点击红色区域下载
下载完成后解压如下
5.3 将网站复制到服务器软件下
将之前开发好的网站mysite复制到下载的nginx软件的html目录下这个目录就是用来放网站的。
5.4 启动服务器软件
双击nginx.exe即可启动服务器。 注意某些情况下nginx可能无法启动例如端口被占用这个大家可以自行百度解决此处不再展开。 5.5 通过Http协议访问网站
此时我们再次打开浏览器输入网址http://127.0.0.1:80/mysite/index.html即可访问到我们部署的网站了
解释下
http代表网络协议传输。127.0.0.1表示本机地址如果要访问别的电脑上的网站则把本机地址替换为访问电脑的地址即可。80代表端口号我们电脑上的每个程序要想对外通讯就得有个端口类似于每个外联设备得有个物理的USB接口每个通讯也得有个独立的端口。mysite是我们网页所在的文件夹名。index.html是我们开发网页文件名。
最后还有个小技巧由于80是默认端口可以省略而index.html是默认网页也可以省略所以我们写下面的地址也行
6. 小结
网站本地部署后实际上已经可以通过http将网站传播出去了只要别人的电脑跟你的电脑网络互通就可以通过你的IP地址访问你的网站了。
下一步我们就是需要有一个电脑IP是在互联网上可访问的这样我们的网站就可以被任意接入互联网上的电脑手机、平板访问了。
