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

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

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

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

一、安装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对一个简单的纯前端的界面的最简单的部署,包含后台文件的网页部署和通过其他途径部署网页我后面再更新。小白一个,有错误还请大家指正,感谢阅读~

posted on 2019-02-13 01:20  爱你的铁锤妹妹  阅读(276)  评论(0编辑  收藏  举报