如何在Windows server 2012配置Web服务器

news2024/11/20 11:44:12

现在,我们浏览网页已经成为了一种常态,但是你知道网页是怎么运行的吗?

我们浏览网页,首先会打开浏览器,然后输入网页的地址(当然这里现在已经可以不用我们自己输入地址了,一般现在就是直接搜索关键字,搜索出来我们点击的那个文字或者图片,其实就是我们网页的地址)地址输入完成之后我们的客户端,也就是我们的浏览器与这个地址对应的服务器相连,并告诉服务器我们访问的页面,服务器再将页面反馈给我们的浏览器,然后我们就可以看到网页的内容啦

那么你想不想自己来搭建一个网站呢?属于自己的网站,如果想要的话,那就继续看下去吧!!!

今天小星给大家带来以下的几个内容,完成前面三项就代表你已经能够自己搭建属于自己的网站啦!!!

1、安装Web服务器
2、新建Web网站
3、客户端访问Web网站
4、配置端口不是80的Web网站

当然哈,我下面的演示,都是在虚拟机安装的Windows server 2012里面进行的哦!!!

我们先来完成第一项任务:安装Web服务器。

首先,我们先点击左下角的“服务管理器”打开服务管理器窗口,然后点击“添加角色和功能”,如下图所示:
在这里插入图片描述
在开始之前这个界面,点击下一步就好,然后我们也可以勾选“默认情况下将跳过此页”,我们下次添加角色和功能的时候这个界面就没有了:
在这里插入图片描述
在安装类型界面,我们勾选“基于角色或基于功能的安装”,然后点击下一步,如下图所示:
在这里插入图片描述
在服务器选择窗口,勾选“从服务器池中选择服务器”,也就是我们默认的选项,继续下一步就好了:
在这里插入图片描述
因为我们要添加Web服务器,所以我们去勾选“Web服务器(IIS)”,然后会弹出来一个添加角色和功能向导窗口,勾选包括管理工具,然后点击添加功能:
在这里插入图片描述
添加功能之后,Web服务器(IIS)前面应该是一个勾勾(我这里是添加之前截的图,所以没有勾勾哦)然后点击下一步:
在这里插入图片描述
在选择功能界面,我们保持默认设置,继续下一步就好了:
在这里插入图片描述
现在我们进入了Web服务器角色(IIS)界面,这里也是继续下一步:
在这里插入图片描述
到了我们的选择角色服务窗口,这里就不能默认了,我们勾选“IP和域限制”和“Windows身份验证”,继续下一步,如下图所示:
在这里插入图片描述
最后进入确认安装所选内容,看一下是不是我们需要的东西,看完了,就可以点击“安装”进行安装了:
在这里插入图片描述
我们Web服务的安装现在就安装好了,如下图所示,然后我们点击关闭。
在这里插入图片描述
第一项任务我们已经完成了,接下来我们来完成第二项任务,新建一个我们的网站。

网站肯定是要显示内容的,这里我们就先写一个非常简单的网页吧!!!我们先进入我们的资源管理器,新建一个文件夹,作为我们存放web文件的地方:
在这里插入图片描述
然后右击我们的空白处,新建一个文本文档:
在这里插入图片描述
我把我新建的文档取名为xiaoxing,但是现在你会发现,我们看不到文件的后缀名,现在我就演示如何显示文件的后缀名(有些小伙伴应该是知道的吧)我们点击左上角的查看:
在这里插入图片描述
勾选文件扩展名,如下图所示:
在这里插入图片描述
勾选好后文件的后缀名就出来啦,后缀名为txt:
在这里插入图片描述
现在我们在txt文件中打几个字,等会我们浏览网页的时候就可以看到这几个字哟,如下图所示:
在这里插入图片描述
当然打完字一定要记得保存哈,然后呢,我们还要改文件的扩展名(也就是我说的后缀名)因为我们网页文件的后缀名是html,所以我们选中文件,然后键盘按下F2这个键,就可以重命名,改为html就好了,改好了就可以看到我们文件的图标都变了,如下图所示:
在这里插入图片描述
现在我们的文件就已经完成了,接下来就要开始创建我们的网站啦!!!

还是进入我们的服务器管理器,然后我们点击左上角的工具,再点击Internet Information Services(IIS)管理器,如下图所示:
在这里插入图片描述
我们点击WIN-F2D49…(这里我就不打全了,有点点懒,主要是我们这里显示的名字是不一样的)然后我们会弹出Internet Information Services(IIS)管理器窗口,我们勾选“不显示此消息”,点击否就好了,下次就不会再显示了,如下图所示:
在这里插入图片描述
点开之后,我们右击网站,点击添加网站:
在这里插入图片描述
输入网站名称,我这里输入的是xiaoxing,然后点击我框的那几个点选择我们网站的物理路径,就是我们刚刚之前创建的那个Web文件夹:
在这里插入图片描述
找到之后选中,然后点击确认就可以了,如下图所示:
在这里插入图片描述
然后我们输入IP地址,IP地址就是我们这台服务器的IP地址,我这里是192.168.48.134,勾选立即启动网站,然后点击确认:
在这里插入图片描述
到这里我们的网站就创建好了,名字叫xiaoxing,如下图所示,点击右下角的浏览192.168.48.134:80去看看网站怎么样(当然这里肯定显示也是不一样的,因为我们的IP地址是不一样的)
在这里插入图片描述
到了这里你就会发现一个问题,网站会报错,直接是不能显示的,这是为什么呢?在这里插入图片描述
这是因为我们没有把刚刚创建的文件加入到网站的默认文档里面,我们双击xiaoxing这个网站,然后找到默认文档,点击默认文档:
在这里插入图片描述
点击右上角的添加,输入我们刚刚创建的网页文档的名字,如下图所示,最后还是点击确定哈:
在这里插入图片描述
再次双击我们的xiaoxing回到xiaoxing的主页,再次点击我们的浏览:
在这里插入图片描述
现在我们就可以访问到我们创建的网站啦,但是这是本机上访问的哦:
在这里插入图片描述
现在我们来完成第三个任务,在客户端访问Web网站

我们在自己的电脑上打开一个浏览器,输入刚刚那个IP地址,来看看能不能访问,当然我是肯定能够访问的,因为我的电脑能够ping通服务器这个IP地址哦,不信你看:
在这里插入图片描述
在这里插入图片描述
如果你不能访问,你先看看你的电脑能不能ping通你的服务器,如果ping不通就是IP地址的问题,把虚拟机设置为桥接或者NAT模式就好了。如果ping通了访问不了就是你设置的问题啦(防火墙这些的问题)

第三个任务是不是很简单,其实也就是测试一下能不能访问而已,如果你完成了这三个任务,那么你就已经能够搭建一个很简单的网站啦(如果觉得帮助到你了可以在评论区留个言吗,让我知道有人在我的帮助下,学会了新的技能)

现在我们进行第四个任务,因为我们网页的默认端口是80,所以我们现在来把网站的端口改一下,改成160端口试试吧!!!

我们还是更改xiaoxing这个网站吧,双击它,然后点击右上角的绑定:
在这里插入图片描述
选中唯一的那个,再点击编辑,或者直接双击也可以,如下图所示:
在这里插入图片描述
把端口改为160,然后点击确定就好啦:
在这里插入图片描述
这样我们端口就改好了,返回直接浏览还是能够看到我们的网页:
在这里插入图片描述
但是我现在刷新我电脑上的网页,居然不是我刚刚创建的网页啦:
在这里插入图片描述
这是为什么呢?

现在这个显示的网页,是我们添加Web服务器时默认的网页啦,刚刚不是说了吗,网页的默认端口是80,所以访问不了我们160端口的网页啦,我们只需要在这个IP地址后面加上我们的端口就好了:
在这里插入图片描述
这就是如何去配置不是80端口的Web网站的全过程了,是不是也特别简单!!!

然后我们还可以去控制我们客户端的访问权限,可以去设置访问Web网站进行身份验证,这个有兴趣就自己去研究研究吧,写文章真的太费时间啦,所以我这里就不说了哟。

还是那句话,你的关注,点赞和浏览就是我写文章的最大动力哟!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/408923.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

在vite里获取env环境变量

在vite里获取env环境变量.env环境配置文件在cli项目中我们可以是配置.env.[mode]文件来配置环境变量在cli项目中使用.env.[mode]在vite中使用.env文件.env环境配置文件 在项目中总会遇到一些默认的配置,需要我们配置到静态文件中方便我们去获取,这时候就可以用到这个.env环境变…

vue项目中使用vuedraggable

最近在学习一个可视化搭建的项目,里面用的拖拽就是draggable.js。看了几个中文的文档,有很多坑,可能是没有及时更新的原因。 VUe 建议去看vuedraggable的官方文档,只不过是英文的。官方文档:https://github.com/Sor…

【HTML】筑基篇

🍈作者简介:大家好,我是亦世凡华、渴望知识储备自己的一名在校大学生 🍇个人主页:亦世凡华、的csdn博客 🍓系列专栏:HTML专栏 🥝推荐一款模拟面试刷题神器🔥:…

echarts 定制legend内容,显示和位置

echarts 定制legend内容,显示和位置1.type(当图例很多的时候可以用到)2.orient(图例的排版方向)3.top,bottom,left,right(图例在容器中的位置)4.width,height(图例组件的大小);itemWidth,itemHeight(图例图标的大小)5. align(图例…

六、Echart图表 之 tooltip提示框组件配置项大全

🍓 作者主页:💖仙女不下凡💖 🍓 前言介绍:以下👇内容是我个人对于该技术的总结,如有不足与错误敬请指正! 🍓 欢迎点赞👍 收藏⭐ 留言&#x1f4…

【JavaScript 进阶教程】函数的定义 调用 及 this指向问题

这篇文章开始我们函数的进阶篇,和我们JavaScript基础学的函数有了很多拓展,这篇文章首先我们从函数的定义,调用,及其 this指向 来一个总结。 文章目录: 一:函数的定义 1.1 命名函数 1.2 匿名函数 1…

若依(ruoyi)框架:如何实现灵活自定义路由配置

如何灵活自定义路由配置业务背景如何实现方式一:直接在前端路由表(router/index.js)里面某个路由的meta属性里面配置。方式二:在后台返回动态路由的接口中组装meta信息如何改造效果展示使用方法总结业务背景 随着项目的深入开发&a…

使用 iframe出现了缓存,导致页面不会刷新的解决方案

事情是这样的,我在打代码的时候,需要在A页面里引入B页面我使用了iframe 这个标签 来引入页面B但是我发现 当我更改完页面B的内容 将它上传到服务器后,我访问这个A页面,这个我使用iframe 引入的页面B 的内容并没有更新,经过一番研究…

VsCode工具开发vue项目必装插件

VsCode工具开发vue项目必装插件 目录VsCode工具开发vue项目必装插件1.概述2.VsCode插件清单2.1.Vetur插件让vue文件代码高亮2.2.Vue VSCode Snippets自动生成vue模板内容插件1.安装插件2.使用插件生成vue模板代码2.3.LiveServer实时刷新网页1.安装LiveServer2.使用LiveServer打…

若依框架搭建和使用

一.搭建系统 若依官网:RuoYi 若依官方网站 |后台管理系统|权限管理系统|快速开发框架|企业管理系统|开源框架|微服务框架|前后端分离框架|开源后台系统|RuoYi|RuoYi-Vue|RuoYi-Cloud|RuoYi框架|RuoYi开源|RuoYi视频|若依视频|RuoYi开发文档|若依开发文档|Java开源框…

Jasper Report详细使用教程(保姆级教程),整合Springboot使用

Jasper Report详细使用教程1、下载Jaspersoft Studio2、编写jrxml文件3、编译模板文件4、输出PDF报表(SpringBoot整合)5、解决中文乱码(不显示的问题)6、最后1、下载Jaspersoft Studio 官网下载地址:https://communit…

CSS网页布局

📜个人简介 ⭐️个人主页:微风洋洋🙋‍♂️ 🍑博客领域:编程基础💡,后端💡,大数据,信息安全 🍅写作风格:干货,干货,还是tmd的干货 🌸精选专栏:【J…

叮咚,您有一封告白信件待查收(原生HTML+CSS+JS绘制表白信件,代码+链接+步骤详解)

马上就要5月20号啦,准备好如何向心仪的她/他表白了嘛!特此出一篇告白小信件,效果图如下。纯htmlcss绘制,包含详细教程注释,干货满满哦。 链接置于文章结尾总结处。 文章目录一、叮咚!查收您的信件&#x…

js二十五道面试题(含答案)

目录 1.线程和进程是什么?举例说明 2. js中的基础数据类型有哪几种? 了解包装对象吗? 3.对内存泄漏的了解 4.js中数组合并的方法 5.合并对象的方法 6.什么是作用域,什么是作用域链? 7.JS如何实现异步编程(5种&…

1.vite初识、vite搭建项目

1.vite优势 1.1启动速度 解释一下冷启动:它是指输入启动指令后他编译到启动完成的过程; 当你使用vite和webpack后你就会得出这个结论,vite相对于webpack启动速度还是略胜一筹的,当你的项目是小型项目时,不是特别明显…

TypeScript 报错汇总

TypeScript 报错汇总 在这篇文章中将记录我遇到的ts错误,应该会持续更新。 有时候从错误点入手学习似乎是一个不错的选择,所以也欢迎你私信我一些ts的问题。 一、内置工具 1.1 Pick & Partial 先看看Pick和Partial工具的源码: type…

浅析什么是伪类和伪元素?伪类和伪元素的区别解析

一、理解什么是伪类?什么是伪元素? 1、伪类种类 伪类作用对象是整个元素 a:link{color:#111} a:hover{color:#222}div:first-child{color:#333} div:nth-child(3){color:#444} 尽管这些条件不是基于DOM的,但结果每一…

面试必问JavaScript基础面试题(附答案详解)

文章目录前言1、JavaScript的数据类型有哪些?2、null,undefined的区别?3、JS中变量的作用域是什么?4、说说var、let、const之间的区别?区别一:作用域区别二:定义变量区别三:let与const区别5、栈…

微信小程序云开发 | 插件的微信小程序云开发

1、插件开发简介 1●插件简介 插件是对一组JavaScript接口、自定义组件或页面的封装,可嵌入小程序中使用。插件不能独立运行,必须嵌入在其他小程序中才能被用户使用;而第三方小程序在使用插件时,也无法看到插件的代码。因此&…

英雄联盟轮播图手动轮播

感谢大朋友们小朋友们的催更,这个月都在努力复习功课,无异于对待期末考试。 通过前一个个小案例越做越熟悉,代码越来越简洁,整体架构越来越规范 一步一步循序渐进,今天写一个英雄联盟轮播图手动轮播练练手。 清除网页的…