繁依Fanyi0

这个屌丝很懒，什么也没留下！

热门标签

云服务器Windows系统+IIS搭建个人测试网站（纯新手）_如何搭建一个免费测试网站

作者：繁依Fanyi0 | 2024-07-01 14:37:05

踩

如何搭建一个免费测试网站

一、购买和配置云服务器

二、选择web服务器(IIS)

三、创建网页文件夹及配置IIS

四、丰富网页功能

· 这是一篇记录云服务器+iis搭建个人测试网站的记录。

一、购买和配置云服务器

（一）购买云服务器

服务器这里我选择的是华为云服务器，实名注册新用户可以免费试用1个月。也可以选择其他云服务器（腾讯云、阿里云等），一般新用户都有优惠。

购买路径：华为云服务器官网->最新活动->免费试用专区->前往开发者试用专区

服务器配置选择：我自己对Linux系统和命令不是很熟悉，所以选择了Windows中文系统

（二）配置云服务器

重置密码。华为云服务器的默认用户名为：Administrator，密码在控制台自己重置。

修改默认安全组。我购买的这个云服务器有3个安全组：default、Sys-WebServer、Sys-FullAccess。因为我们这里是搭建个人测试网站，所以这里我将默认安全组更改为了Sys-WebServer。更改路径：控制台->华为云服务器->更多->网络设置->更改安全组

二、选择web服务器(IIS)

（一）几种常见的Web服务器

几种常见的Web服务器的介绍-孩子很Crazy

（二）安装IIS

Windows远程桌面连接控制服务器。输入IP地址->连接->输入用户名和密码。（华为云服务器默认用户名为：Administrator）

安装IIS。

（1）控制面板->程序和功能->启动或关闭Windows功能

（2）服务器管理器->添加角色和功能->服务器角色（Web服务器IIS全选）->服务器功能（IIS）->安装

三、创建网页文件夹及配置IIS

（一）创建网页文件夹和网页文件

安装完成后，可以现在系统磁盘里面创建一个目录作为网站目录，我创建的目录为：MyWeb，然后在目录里面创建一个index.html文件。下面是我的测试目录，其他文件是后面测试网页的时候加的，大家先可以添加一个简单的html，后面再完善。我会在后面附上我的html文件和测试网页截图。这里现附上一个简单的供大家测试：

index.htm


<!DOCTYPE html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<title>我的网站</title>
</head>
 
<body>
 
<p>这是我的测试网页。</p>
<p>这是我的测试网页。</p>
</body>

（二）配置IIS和通过IP地址访问自己的网站

打开IIS开始配置。控制面板（小图标）->管理工具->Internet Information Services (IIS)管理器。配置成功后查看网页是否启动，如果已经启动，就可以在自己的电脑或者手机上面通过：

http://IP地址:端口号/，访问自己的网站了。（要确定端口号是开通了的，之前的服务器安全组配置就是为了确保端口号是开通的，如果端口号是80，可以省略端口号直接输入IP地址访问）

这里是测试网页

最后附上我的index.html的代码和目录结构图以及自己的简单测试网页：

index.html


<!DOCTYPE html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
	<title>NesurBonnie</title>
	<script src="fun.js"></script>
	<script>function hello(){
		window.alert("Function in script")
	}</script>
</head>
 
<body>
<div align="center">
	<h1>NesurBonnie</h1>
</div>
<div align="center">
	<a href="https://www.runoob.com/">菜鸟教程</a>
	<br/>
	<br/>
	<br/>
	<br/>
</div>
<div align="center">
	<button style="height:100px;width: 100px;" onClick="hello()">Hello</button>
</div>
	<br/>
	<br/>
	<br/>
	<br/>
<div align="center">
	<button style="height:100px;width: 100px;" onClick="getDeviceInfo()">获取设备信息</button>
	<br/>
	<br/>
	<br/>
	<br/>
	<a href="text/1.txt" download="1.txt">下载文件</a>
	<br/>
	<!-- <video width="320" height="240" controls>
		<source src="1.mp4" type="video/mp4" source>
	</video> -->
	<br/>
	<!-- <audio controls>
		<source src="青花瓷.mp3" type="audio/mp3">
		
	</audio> -->
	<a href="1.mp4">播放OK</a>
	<br/>
	<br/>
	<br/>
	<a href="青花瓷.mp3">播放青花瓷</a>
	<br/>
	<br/>
	<br/>
	<video width="320" height="240" controls>
		<source src="出师表.mp4" type="video/mp4" source>
	</video>
	<br/>
	<br/>
	<!-- <a href="出师表.mp4">播放出师表</a> -->
</div>
 
</body>

四、丰富网页功能

本次测试的主要目的是通过云服务器的公网IP来访问服务器里面的网页文件，用于自己学习和测试html。测试网页中的资源如涉及到侵权问题，请联系我，我马上删除。

大家要想搭建自己的网页和丰富自己的功能，可以搜索一下搭建网站的相关教程和学习一下搭建网站的框架。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/776746