小白用腾讯云Windows服务器自带的IIS部署纯前端网页 您所在的位置:网站首页 服务器的iis在哪里 小白用腾讯云Windows服务器自带的IIS部署纯前端网页

小白用腾讯云Windows服务器自带的IIS部署纯前端网页

2023-08-20 14:30| 来源: 网络整理| 查看: 265

本文讲了我第一次用腾讯云Windows服务器自带的IIS部署一个纯前端网页时的步骤和遇到的麻烦,看了很多博客也求助了大佬,最后总结一下嘻嘻 其实写博客就是怕自己以后忘了hhh,能帮助到有的人就更好啦~

用Windows服务器自带的IIS部署网页就下面几步

安装IIS服务(高级一点叫IIS服务器的搭建。。。按照我的理解就是安装IIS)把本地的网页文件放到服务器上设置端口的出站入站规则设置默认文档

一、安装IIS服务

放一下IIS在维基百科的解释,有需要的小伙伴看一下,点击跳转 IIS @Wikipedia 具体的操作: 网上的教程都是在控制面板的“启用或关闭Windows功能”中直接能找的到,然而我的并没有。。。或许是系统版本的问题,我是这样操作的

打开这个服务器管理器,如图 服务器管理器 点击右上角管理中的“添加角色和功能”,如图在这里插入图片描述 点击弹出的页面中左侧栏中的“服务器选择”,点击下一步,如图 在这里插入图片描述 在这里插入图片描述 在角色列表中选中Web服务器(IIS),点击安装,在弹出的窗口中按照提示操作(我记得只需要再点一下就行),等待其安装成功就好啦。我已经安装了,所以我的那里已经选中,也就不放安装界面截图了。 只要打开IE或者其他浏览器在地址栏中输入http://localhost出现以下界面,而且在开始菜单中搜得到Internet Information Services,就说明第一步已经完成啦 localhost界面 二、把本地的网页文件放到服务器上

我把网页文件放在IIS的默认路径了,路径如图,我的网页文件夹是testPage,如图在这里插入图片描述 然后打开开始菜单中的IIS,在左侧栏中找到网站,右击网站单击“添加网站”,如图在这里插入图片描述在这里插入图片描述 网站名称随便填,物理路径选择刚刚放在服务器上的那个网页文件夹,我的物理路径的选择如图在这里插入图片描述端口我用了8080(PS:443端口是专门为https设置的,https需要申请证书,所以如果此处选择443端口会提示可能和别的网站用的同一个端口之类的),之后点击确定即可,就会发现在左侧栏的网站下面多了一个刚刚创建的网站,如图在这里插入图片描述 鼠标放上去会显示这个网站已停止,我们要启动它,右击这个网站,在“管理网站”中选择“启动”,会弹出如图所示提示框在这里插入图片描述 按照提示内容,我们就去打开这个服务 打开开始菜单中的运行输入“services.msc”并回车,进入服务界面,在服务界面中找到“World Wide Web 发布服务”,如图在这里插入图片描述 可以看到它是禁用的,启用并启动它,回到服务查看,可以看到它已经启动了,如图在这里插入图片描述 然后回到IIS界面,启动网站,这一步就完成啦

三、设置端口的出站入站规则

入站一般只设置几个常用端口,出站一般设置的是所有端口

登录腾讯云的控制台,在左侧栏中点击“安全组”,再点击操作中的“修改规则”,如图在这里插入图片描述若入站规则已经有如下图所示规则,则点击操作中的“编辑”,在“协议端口”一栏中输入“TCP:80,8080,443”,保存即可在这里插入图片描述若没有,则点击“添加规则”添加如下图所示的规则即可在这里插入图片描述 出站规则中通过编辑或者添加,得到如下图所示规则即可 在这里插入图片描述 然后回到服务器,在“控制面板→系统和安全→Windows 防火墙→高级设置”中设置端口的出站规则和入站规则。点击左侧栏的“入站规则”,再点击右侧栏的“新建规则”,规则类型选择“端口”,如图 在这里插入图片描述点击下一步,在shuru输入框中输入端口号,多个端口号用英文逗号隔开,如图 在这里插入图片描述 然后一直下一步,最后输入规则名称后完成即可 出站规则的设置在“协议和端口”这一步时选择“所有本地端口”,其他步骤都相同,就不做重复解释了

到这里第三个步骤也就完成啦

四、设置默认文档

这一步我的理解就是选择打开的是哪一个网页文件。IIS默认的默认文档为有Default.htm、Default.asp、index.htm、index.html、iisstart.htm、default.aspx,如果主页文件不在上述文件之内,不设置默认文档,默认是无法访问到的,此时打开http://localhost:8080/会出现如图所示界面在这里插入图片描述 双击IIS界面中刚刚添加的网站,点击默认文档,可以看到IIS默认的几个默认文档,在空白出右击选择添加,输入主页文件名确定即可,如图在这里插入图片描述 此时第四步也ok啦

这时候打开http://localhost:8080/就会出现我的网页了 在这里插入图片描述 ok大功告成

这只是通过IIS对一个简单的纯前端的界面的最简单的部署,包含后台文件的网页部署和通过其他途径部署网页我后面再更新。小白一个,有错误还请大家指正,感谢阅读~



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有