2017-2018-2 20155319 『网络对抗技术』Exp8：Web基础

一.原理与实践说明

1.实践具体要求

(1).Web前端HTML(0.5分)

能正常安装、启停Apache。理解HTML，理解表单，理解GET与POST方法,编写一个含有表单的HTML。

(2).Web前端javascipt(0.5分)

理解JavaScript的基本功能，理解DOM。编写JavaScript验证用户名、密码的规则。

(3).Web后端：MySQL基础：正常安装、启动MySQL，建库、创建用户、修改密码、建表(0.5分)

(4).Web后端：编写PHP网页，连接数据库，进行用户认证(1分)

(5).最简单的SQL注入，XSS攻击测试(1分)

2.基础问题回答

（1）什么是表单？

表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分：

表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。

（2）浏览器可以解析运行什么语言？

支持HTML（超文本标记语言）、XML（可扩展标记语言）以及Python、PHP、JavaScript、ASP等众多脚本语言。

（3）WebServer支持哪些动态语言？

最常用的三种动态网页语言有ASP(ActiveServerPages),JSP(JavaServerPages),PHP(HypertextPreprocessor)。

二.实践过程记录

1.Web前端：HTML

1.使用netstat -aptn查看80端口是否被占用，发现我的电脑的80端口未被占用，也可以把这些用不到的进程先kill掉。使用service apache2 start命令打开Apache服务。查看端口是否被apache使用：

此时在浏览器输入127.0.0.1，可以看见上次实验克隆的网址。

2.使用cd /var/www/html进入Apache目录下，新建一个简单的含有表单的html文件vi login.html：

<html>

<head>

<title>Login</title>

<body bgcolor='#FFFFCC'>

</head>

<body>

    <h2>Welcome</h2>

        <form action="login" method="post">

	    <td align="left"> username:</td>

	    <input placeholder="E-mail/Phone" name="Name" class="user" type="email">

            <br>

            </br>

	    <td align="left">password:</td>

            <input  placeholder="Password" name="Password" class="pass" type="password">

            <br>

            </br>

            <input type="submit" value="Login">

        </form>

</body>

</html>

在浏览器中打开：

点击登录：

2.Web前端：javascipt

1.在原有login.html基础上，可以添加一段JavaScript代码，以完成对用户是否填写邮箱和密码的判断。修改后的logintest.html如下所示：

<html>

<head>

<title>Login</title>

<body bgcolor='#FFFFCC'>

</head>

<body>

    <h2>Welcome</h2>

            <form action="rhl.php" method="POST" name="formtext">

	    <td align="left"> username:</td>

	    <input placeholder="E-mail/Phone" name="username" type="text" value="Your name" onfocus="if (this.value=='Your name') this.value='';" />

            <br>

            </br>

	    <td align="left">password:</td>

            <input  placeholder="Password" name="password" type="password" value="Your password" onfocus="if (this.value=='Your password') this.value='';" />

            <br>

            </br>

            <input type="submit" value="Login" onClick="return Login()" />

        </form>

<script language="javascript">

    function Login(){

        var sUserName = document.formtext.username.value ;

        var sPassword = document.formtext.password.value ;

	if((sUserName=="root") && (sPassword=="admin")){

		    alert("success");}

        if ((sUserName =="") || (sUserName=="Your name")){

        alert("user name");

        return false ;

        }

        if ((sPassword =="") || (sPassword=="Your password")){

        alert("password!");

        return false ;

        }

    }

</script>

</body>

</html>

2.在浏览器访问127.0.0.1:80/logintest.html，如果用户邮箱或密码未填写就提交，网页会报提示：

登录成功会显示success：

3.Web后端：MySQL基础

1.输入/etc/init.d/mysql start开启MySQL服务。因为首次登录不知道密码所以上网找了一种方法：先打开/etc/mysql找到mysql的文件夹，选中50-server.cnf在下面一行加入skip-grant-tables并保存退出，继而重新启动即可跳过输密码的环节。

2.输入use mysql;，选择mysql数据库；输入update user set password=PASSWORD("新密码") where user='root';，修改密码；输入flush privileges;，更新权限

3.退出数据库，用新密码重新登录

4.使用create database 数据库名称;建立数据库使用show databases;查看存在的数据库：

5.使用use 库名;使用我们创建的数据库,使用create table 表名 (字段设定列表);建立数据表，数据表是数据库中一个非常重要的对象，一个数据库中可能包含若干个数据表；使用show tables;查看存在的数据表

6.使用insert into 表名 values('值1','值2','值3'...);插入数据；使用select * from 表名;查询表中的数据：

7.在MySQL中增加新用户，使用grant select,insert,update,delete on 数据库.* to 用户名@登录主机(可以是localhost,也可以是远程登录方式的IP) identified by "密码";指令，这句话的意思是将对某数据库的所有表的select,insert,update,delete权限授予某ip登录的某用户。如图所示，增加新用户之后，退出，重新使用新用户名和密码进行登录，登录成功说明增加新用户成功：

4.Web后端：PHP基础

PHP是一种通用开源脚本语言，语法吸收了C语言、Java和Perl的特点，主要适用于Web开发领域。它可以比CGI或者Perl更快速地执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率比完全生成HTML标记的CGI要高许多；PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。

1.在/var/www/html目录下新建一个PHP测试文件，简单了解一下它的一些语法：vi test.php

<?php

echo ($_GET["a"]);

include($_GET["a"]);

echo "This is rhl php page!<br>";

?>

2.在浏览器网址栏中输入localhost:80/test.php?a=/etc/passwd，可看到/etc/passwd文件的内容:

3.利用PHP和MySQL结合之前编的登录网页进行简单的用户身份认证，这里可以参考老师给的代码编写rhl.php，代码及配置如下所示:

<?php

$uname=$_POST["username"];

$pwd=$_POST["password"];

echo $uname;

$query_str="SELECT * FROM loginlist where username='$uname' and password='$pwd';";

$mysqli = new mysqli("127.0.0.1", "rhl", "toor", "rhl");

/* check connection */

if ($mysqli->connect_errno) {

    printf("Connect failed: %s\n", $mysqli->connect_error);

    exit();

}

echo "connection ok!";

/* Select queries return a resultset */

if ($result = $mysqli->query($query_str)) {

    if ($result->num_rows > 0 ){

            echo "<br> {$uname}:Welcome!!! <br> ";

    }

    else {

        echo "<br> login failed!!!! <br> " ; }

    /* free result set */

    $result->close();

}

$mysqli->close();

?>

4.将之前编的登录网页的logintest.html代码中form的action属性由#改成rhl.php，即登录后跳转到rhl.php，再在火狐浏览器中输入localhost:80/logintest.html访问自己的登录页面

成功界面：

失败界面：

5.SQL注入攻击，XSS攻击

SQL注入，就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。具体来说，它是利用现有应用程序，将（恶意的）SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入（恶意）SQL语句得到一个存在安全漏洞的网站上的数据库，而不是按照设计者意图去执行SQL语句。

1.在用户名输入框中输入' or 1=1#，密码随便输入，是可以登陆成功的。

/输入的用户名和我们的代码中select语句组合起来变成了select * from users where username='' or 1=1#' and password='',#相当于注释符，会把后面的内容都注释掉，而1=1是永真式，所以这个条件永远成立/

XSS攻击：跨站脚本攻击(Cross Site Scripting)，为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆。故将跨站脚本攻击缩写为XSS。XSS是一种经常出现在web应用中的计算机安全漏洞，它允许恶意web用户将代码植入到提供给其它用户使用的页面中。比如这些代码包括HTML代码和客户端脚本。攻击者利用XSS漏洞旁路掉访问控制——例如同源策略(same origin policy)。这种类型的漏洞由于被骇客用来编写危害性更大的phishing攻击而变得广为人知。对于跨站脚本攻击，黑客界共识是：跨站脚本攻击是新型的“缓冲区溢出攻击“，而JavaScript是新型的“ShellCode”。

1.将一张图片存入/var/www/html目录

2.在用户名输入框中输入<img src="aa.jpeg" />读取/var/www/html目录下的图片：

三、实践总结及体会

这次实验一开始机器没有默认装PHP，发现后重装，然后mysql又出现了问题！最后换了个虚拟机顺利完成。这次实验运用到JAVA、网页制作等知识，重温了以前的知识。同时利用sql注入、XSS攻击等网络攻击，进行网页的攻击，虽然过程很是艰难，但做出来还是特别开心！