2018-2019-2 网络对抗技术 20165202 Exp8 Web基础

博客目录

一、实践内容
- Web前端HTML
  
  能正常安装、启停Apache。理解HTML，理解表单，理解GET与POST方法,编写一个含有表单的HTML
- Web前端javascipt
  
  理解JavaScript的基本功能，理解DOM。编写JavaScript验证用户名、密码的规则
- Web后端
  
  MySQL基础：正常安装、启动MySQL，建库、创建用户、修改密码、建表
  
  PHP基础：编写PHP网页，连接数据库，进行用户认证
- 最简单的SQL注入，XSS攻击测试
二、实验中遇到的问题及解决
三、基础问题回答
五、实验总结

一、实践内容

Web前端HTML，能正常安装、启停Apache。理解HTML，理解表单，理解GET与POST方法,编写一个含有表单的HTML。
Web前端javascipt，理解JavaScript的基本功能，理解DOM。编写JavaScript验证用户名、密码的规则。
Web后端：MySQL基础：正常安装、启动MySQL，建库、创建用户、修改密码、建表。
Web后端：编写PHP网页，连接数据库，进行用户认证。
最简单的SQL注入，XSS攻击测试；功能描述：用户能登陆，登陆用户名密码保存在数据库中，登陆成功显示欢迎页面。

Web前端：HTML

Web开发是基于Apache服务器进行的，直接用指令sudo apt-get install apache2安装，现在kali应该是装好了apache的。可以先使用netstat -tupln |grep 80指令查看80端口被哪些进程占用，如果有占用记得kill掉~使用指令service apache2 start打开Apache服务
在Firefox中输入127.0.0.1:80，是Apache的默认网页，服务器正常开启

之后cd /var/www/html进入到Apache的工作目录下，vi test1.html新建一个含有表单的html文件，我们常用的登录页面一般就是用表单向后台提交数据，所以可以编写一个简单的登录页面，代码如下：

<html>

<head>

<title>test</title>

</head>

<body>

<table>

    <form method ="POST" action="#" name="frmLogin"  >

    <tr>

    <td>username: </td>

    <td><input type="text" name="username" value="Your name" size="20" maxlength="20" /></td>

    <td> </td>

    <td> </td>

    </tr>

    <tr>

    <td>password:</td>

    <td><input type="password" name="password" value="Your password" size="20" maxlength="20" /></td>

    <td> </td>

    <td> </td>

    </tr>

    <tr>

    <td><input type="checkbox" name="zlogin" value="1">auto-Login</td>

    </tr>

    <table>

    <tr>

        <td><input type="submit" name="login" value="Login" /></td>

        <td><input type="reset" name="rs" value="Reset" /></td>

    </tr>

    </table>

    </form>

</table>

</body>

</html>

打开看下效果：

这里的提交方法method是POST，method属性分Post和Get两种，其主要区别有以下几方面：
- Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据
- Get是不安全的，因为在传输过程，数据被放在请求的URL中，而如今现有的很多服务器会将URL记录到日志文件中，然后存储在某个地方，这样就可能会泄露信息。Post的所有操作对用户来说都是不可见的。
- Get传输的数据量小，Post的传输量大，所以在上传文件只能使用Post；

Web前端javascipt

我们可以使用JavaScript来编写一个验证用户名、密码的规则，直接在之前的代码上进行修改，重命名为login_test.html，代码如下所示：

<html>

<head>

<title>test</title>

</head>

<body>

<table>

    <form method ="POST" action="login.php" name="frmLogin"  >

    <tr>

    <td>user</td>

    <td><input type="text" name="username" value="Your name" size="20" onfocus="if (this.value=='Your name') this.value='';" /></td>

    <td> </td>

    <td> </td>

    </tr>

    <tr>

    <td>password</td>

<td><input type="password" name="password" value="Your password" size="20" maxlength="20" onfocus="if (this.value=='Your password') this.value='';" /></td>

    <td> </td>

    <td> </td>

    </tr>

    <tr>

    <td><input type="checkbox" name="zlogin" value="1">auto login</td>

    </tr>

    <table>

    <tr>

        <td><input type="submit" name="login" value="login" onClick="return validateLogin()"/></td>

        <td><input type="reset" name="rs" value="reset" /></td>

        </tr>

    </table>

    </form>

</table>   

<script language="javascript">

    function validateLogin(){

        var sUserName = document.frmLogin.username.value ;

        var sPassword = document.frmLogin.password.value ;

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

        alert("user name");

        return false ;

        }  

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

        alert("password!");

        return false ;

        }  

    }

</script>

</body>

</html>

如果输入的用户名或者密码为空时，就弹出相应的对话框，然后在点击登录按钮时调用执行一遍这个函数，可以打开看看效果：

Web后端：MySQL基础

先输入/etc/init.d/mysql start指令开启mysql服务，输入mysql -u root -p，并根据提示输入密码，默认密码为password，进入MySQL，注意：在MySQL中输入命令后面都要带一个分号作为命令结束符：
输入use mysql;，选择mysql数据库；输入update user set password=PASSWORD("新密码") where user='root';，修改密码；输入flush privileges;，更新权限
退出数据库，用新密码重新登录
先使用create database 库名;建立一个数据库；使用show databases;查看存在的数据库；使用use 库名;使用我们创建的数据库
使用create table 表名 (字段设定列表);建立数据表，数据表是数据库中一个非常重要的对象，一个数据库中可能包含若干个数据表；使用show tables;查看存在的数据表：
使用insert into 表名 values('值1','值2','值3'...);插入数据；使用select * from 表名;查询表中的数据：
在MySQL中增加新用户，使用grant select,insert,update,delete on 数据库.* to 用户名@登录主机(可以是localhost,也可以是远程登录方式的IP) identified by "密码";指令，这句话的意思是将对某数据库的所有表的select,insert,update,delete权限授予某ip登录的某用户。如图所示，增加新用户之后，退出，重新使用新用户名和密码进行登录，登录成功说明增加新用户成功：

Web后端：PHP基础

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

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

echo ($_GET["a"]);

include($_GET["a"]);

echo "This is jhs php test page! ";

?>
```
在浏览器网址栏中输入localhost:80/lzw_test.php?a=/etc/passwd，可看到/etc/passwd文件的内容
利用PHP和MySQL结合之前编的登录网页进行简单的用户身份认证，这里可以参考老师给的代码编写login.php，代码如下所示！！注意这里跟很多学长的代码相比有修改，不然后续是进行不下去的！！经多位同学试验，这样操作是可行的。
```
<?php

$uname=$_POST["username"];

$pwd=$_POST["password"];

echo $uname;

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

$mysqli = new mysqli("127.0.0.1", "5202@qq.com", "jhs5202", "jhs");

/* 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 " Welcome login Mr/Mrs:{$uname} ";

 }

 else {

 echo " login failed!!!! " ; }

 /* free result set */

 $result->close();

}

$mysqli->close();

?>
```
- 第一行中的方法修改成POST，无论是GET也行，POST也好，切记与html文件中的method一致。
- 第五行中users是我自己的表名，根据实际修改
- 第五行中原为username='{$uname}' and password='{$pwd}';，切记把大括号删掉，其实想想就知道我们自己在数据库里select的时候哪里来的大括号？
- 第六行的"5202@qq.com"是我sql的另一个非root用户，如果非要用root登录会提示access denied，jhs5202是用户的密码，jhs是这个用户里面的一个数据库database。
将之前编的登录网页的login_test.html代码中form的action属性由#改成login.php，即登录后跳转到login.php，再在火狐浏览器中输入localhost:80/login_test.html访问自己的登录页面
输入表中的username和password，登录进行用户认证。
- 如果是成功的，是这样的欢迎界面：
- 如果连接库失败失败，解决办法是新建用户

SQL注入攻击，XSS攻击

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

在用户名输入框中输入' or 1=1#，密码随便输入，是可以登陆成功的。
- 原理是这样的，输入的用户名和我们的代码中select语句组合起来变成了select * from users where username='' or 1=1#' and password='',#相当于注释符，会把后面的内容都注释掉，而1=1是永真式，所以这个条件永远成立，所以能够成功登陆
我们还可以通过SQL注入将用户名和密码保存在数据库中，但是得修改一下之前的代码，因为我们之前编的代码中if ($result = $mysqli->query($query_str))这条判断语句不允许多条sql语句执行，所以将它改成if ($result = $mysqli->multi_query($query_str))便能实现执行多个sql语句

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

将一张图片存入/var/www/html目录
在用户名输入框中输入<img src="5202" />读取/var/www/html目录下的图片5202：

三、实验中遇到的问题及解决

1.复制文件权限不够

解决：可能性有很多，我感觉我的机器不太稳定。有时候重启就好了，出现问题大多是在图形化界面，改用命令行基本可以解决。

四、基础问题回答

什么是表单？

表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分：表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。

表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。
浏览器可以解析运行什么语言？

HTML，XML，Python，PHP，JavaScript，ASP等脚本语言。
WebServer支持哪些动态语言

JavaScript、ASP、PHP、Ruby等脚本语言。

五、实验总结

参照学长学姐博客，直接粘贴代码还出了点问题，花了点时间结果发现是一个很简单的代码的错误，改正了之后一切都还比较顺利，其他问题同学们都有解决办法；这次实验准备的部分包含了上个学期网络安全编程基础的Java Web部分，代码还是需要回忆一下子才能搞定，完成全部内容花了点时间，但更重要的是对数据库知识的回忆、对攻击部分的了解，解析，感觉收获很多。