部分转载他人
一、web基础知识
1.1.1web介绍
world wide web 万维网
web1.0 个人网站、门户站点 静态页面
web2.0 微博、博客交互式页面
随之而来有一些安全问题:
用户通过浏览器访问网站,浏览器对服务器请求资源
web工作流程:
浏览器工作流程:
- web是什么?
- web发展分为哪几个阶段?
- web安全问题的发展形式?
- web的工作流程?
- 浏览器是如何工作的?
1.1.2web通信
URL统一资源定位符
http 超文本传输协议,web通信使用的协议,web基础
http请求方式:
get请求不会返回数据体
post
- http referer 如用百度搜索点击到页面和直接输入url点击连接到页面(告知服务器该请求的来源,浏览器自动加上,防止盗链,csrf漏洞)
- url是什么?
- 描述一下url的格式?
- cookie和set-cookie(服务器要求浏览器设置cookie,比如用用户名、密码登陆后服务器就给浏览器颁发cookie)
- referer作用?
- 状态码301/302(跳转状态码)和location(跳转的地址)
1.2.1HTML
语法,html dom
js动态效果,css图片
html不区分大小写
dom 文档对象模型 将文档转换为树形结构 更直观地了解页面元素,通过js可以对页面进行任意操作
- html包含哪两部分 ?head,body
- html dom结构?
1.2.2javascript
dom 连接web和编程语言 js+dom访问和操作html文档的标准方法
bom 连接浏览器和编程语言
1.2.3web服务器环境
http://phpstudy.net/phpstudy/phpStudy.zip
下载安装windows下的集成环境,这里用Apache
Apache服务
URL:协议、服务器名称、路径、文件
通过记事本打开:C:\Windows\System32\drivers\etc\hosts
添加 test.123.com(192.168.58.1)
web服务器环境搭建,通过上面的文件夹可以自定义服务器域名
在搜索栏通过手动输入就可以打开
网站根目录,将html存放在 test.123.com 下,就可以访问到了
1.2.4后端开发基础--SQL
SQL概述:
建立数据库:
SQL对大小写不敏感
数据表介绍:
打开mysql命令行 其他选项菜单--mysql工具--mysql命令行
密码默认为root
create database websecurity;(创建一个名为websecuity的数据库)
show databases;(显示已有的数据库)
use websecurity; (使用数据库时就要切换到此处)
create table teacher(
-> id int(4) not null primary key auto_increment,
-> name char(20) not null,
-> sex char(10) not null,
-> addr char(20) not null
-> ); (创建一个名为teacher的标签)
show tables;
select * from teacher; (查询表中的数据)
INSERT INTO teacher(name,sex,addr) VALUES("Lee","male","beijing"); (插入数据,id为自增的,不用我们添加)
UPDATE TEACHER SET name = 'Amily' WHERE id = 1; (更新数据,将id为1的那行name值更改)
DELETE FROM teacher WHERE name='Amily';(删除其中一行)
对数据进行筛选:
select 你要的信息 from 数据表(或多个)where 满足的条件(条件判断)
select * from teacher where addr='beijing' and sex='male';
select name teacher where addr='beijing' and sex='male';
'*'代表所有符合数据
第二行语句显示出来的就只是name的那一行
where也可用于update或delete中
对数据进行排序:
select * from teacher order by name;(对name列进行排序 ASC(升)/DESC(降)默认升序排列)
select * from teacher order by 2; 结果同上,2表示对第二列进行操作
将两个表中的数据合并:
select 你想要的信息 from 数据表1 union select 你要的信息 from 数据表2
select name from teacher union select name from student
若有两个相同项,只显示一个
想要全部显示,用union all
注释:
单行:#... (...表示注释的内容)
--(此处一个空格)...
多行 :/*...*/
常见的内置函数
database();
current_user;
load_file() 文件要再次加反斜杠,因为会忽略了转义
version()
into+outfile 写入文件
1.2.5php
超文本预处理器
用php导出、导入数据库
导出:打开mysql命令行,查看数据表是否存在
打开cmd
>D:\phpStudy\MySQL\bin\mysqldump.exe -u root -p websecurity >C:\Users\nihao\Desktop\websecurity.sql
Enter password: ****
D:\phpStudy\MySQL\bin\mysqldump.exe 直接找到文件拖拽过来即可(mysqldump为导出)
-u root 用户名
-p 密码 输入后会显示出来,所以先放着,后面会提示要输入密码
数据库名称
>存储位置 如果没有,会新建;有的话,也可以直接拖拽
导入:
drop database websecurity; (之前导出的事例中已经把websecurity导出,此处为了实验,就先删掉)
source C:\Users\nihao\Desktop\websecurity.sql
此时在文件中手动添加了以下画红线的部分
要是没有在sql文件中加入上两行,就要在mysql命令行中先输入上两行,再用source导入
1.3.1web基础知识
web前端开发语言大致介绍
web后端开发语言大致介绍
web开发语言设计大盘点
在浏览器输入url后的web流程
二、web安全基础
常见的安全问题
钓鱼
发送伪造链接邮件,骗取受害者
通过伪造网址让我们跳转到别人设置的页面,此页面可能会让我们输入自己的个人信息
- 诱惑性标题
- 仿冒真实网站
- 骗取用户账号
- 骗取用户资料
篡改
关键字
- hacked by
搜索引擎语法
- Intitle:Keyword 标题中含有关键词的网页
- Intext:Keyword 正文中含有关键词的网页
- Site:domain 在某个域名和子域名下的网页
暗链
攻破网站后植入第三方
入侵后添加链接,隐藏在网页的链接
放入暗链主要是提高在搜索引擎的排名,别人在搜索关键字时,这些暗链的网站可以排到前面
webshell
大马
小马:一句话木马
webshell主要是后门,控制的流量和正常的流量混合在一起,不易被发现
常见的web漏洞
2.1.2XSS跨站脚本
通过插入恶意脚本盗取用户信息、钓鱼、制造蠕虫等
分类:
- 存储型xss,存储在服务器中
- 反射型xss,从url中触发xss脚本
- DOM型xss,通过前端JavaScript将脚本写到dom中触发,通过后端写到响应页面中,渲染时才会触发,在url的hash中
所以直接查看源码查找的是后端源码,通过搜索xss无法定位
通过f12查看当前页面源码,查找xss可以看到通过JavaScript调用的语句,发现是通过hash调用,
通过本页面右击查看源码,查找hash,发现后端触发xss语句
2.1.2CSRF跨站请求伪造
概念:
利用用户已登陆的身份,在用户毫不知情的情况下,以用户的名义完成非法操作
通过view-source查看url,发现用户构造了转账的form表单,通过form表单提交会有明显的网页跳转情况
通过iframe嵌入,用户看到的是外层页面,感受不到嵌入网页的跳转情况,才能使用户不知情的情况下完成操作
2.2.3点击劫持
1.前置知识:
相信大家都见过俄罗斯套娃,一层嵌套一层,在打开之前,内部是不可见的。网站也可以实现类似的操作
iframe标签可以创建包含另一个文档的内联框架
在浏览器中打开,即可打开到src中的网页
实例:
对网页进行透明度设置为0,则网页不可见。若在网页上可放上“点击我”的图片,当我们点击时就会触发隐藏在图片之下的网页按钮
点击劫持:通过覆盖不可见的框架误导受害者点击而造成的攻击行为
特点:
- 隐蔽性高
- 骗取用户操作
- UI-覆盖攻击
- 利用iframe或其它标签的属性
实例:(这是视频中实例代码的,但是我不知道哪里错,等我知道了再回来改,欢迎指正)
![](http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif)
![](http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif)
Doctype html>
<html>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<head>
<title> 点击劫持title>
<style>
html,body,iframe(
display:block;
height:100%;
width:100%;
margin:0;
padding:0;
border:none;
)/*被隐藏网页的设置*/
iframe(
opacity:0;
filter:alpha(opacity=30);/*IE*/
-moz-opacity:0.5;/*noz+fflush*/
opacity:0.5;/*支持css的浏览器*/
position:absolute;
z-index:2;
)/*调整网页可见度*/
/*设置多个opacity,提高不同网页的兼容性*/
button(
position:absolute;
top:-5px;
left:875px;
z-index:1;/*图片与视觉的距离*/
width:72px;
height:26px;
)
style>
head>
<body>
<button><img src="C:\Users\nihao\Desktop\222.jpg">button>
<iframe src="https://www.baidu.com/>