前端安全

1.CSRF
2.XSS

基本概念
攻擊原理
防御措施

CSRF

  • CSRF基本概念

CSRF通常稱為跨站請求偽造,英文名 Cross-site request forgery

  • CSRF攻擊原理

用戶--------->訪問-------------------->網(wǎng)站A
用戶<---------下發(fā)cookie<-----------網(wǎng)站A
用戶--------->訪問----------->網(wǎng)站B
用戶<---------引誘點擊<-----------網(wǎng)站B
用戶--------->訪問-------------------->網(wǎng)站A
前提:
1.網(wǎng)站中某一借口存在漏洞
2.用戶在注冊網(wǎng)站時登錄過

CSRF防御措施

1.Token驗證
2.Referer驗證---->頁面來源
3.隱藏令牌

區(qū)別:

  • XSS向頁面注入JS,在JS函數(shù)體做他想做的事
  • CSRF利用本身漏洞峭拘,幫你自動執(zhí)行那些借口氛雪,依賴于用戶登錄網(wǎng)站


XSS

http://www.freebuf.com/articles/web/40520.html
http://www.imooc.com/learn/812

  • XSS基本概念

XSS 跨域腳本攻擊蚌吸,英文名 cross-site scripting

XSS攻擊方式

1.反射型
2.存儲型

攻擊手段:
1.盜用cookie赶舆,獲取一些敏感信息。
2.破壞正常的頁面結(jié)構(gòu)焙格,出入一些惡心內(nèi)容。
3.利用植入flash(flash現(xiàn)在不常用夷都,了解一下就好)眷唉。
4.實現(xiàn)分布式拒絕服務攻擊(D-DOS攻擊)(最難以防御)。
5.server-limit-dos:當HttpRequestHeader過長的時候囤官,WebServer會產(chǎn)生400或者4開頭的錯誤厢破,如果這些超長的數(shù)據(jù)保存到cookie中,能讓用戶每次訪問的時候造成http超長治拿,會導致一些用戶無法訪問服務器摩泪。
*DOS:最基本的DOS是利用合理的客戶端請求來占用過多的服務器資源,從而使合法用戶無法得到服務器的響應劫谅。
*D-DOS:D-DOS攻擊手段就是在傳統(tǒng)的DOS之上產(chǎn)生的一類攻擊方式见坑。


反射性:發(fā)出請求時,XSS代碼出現(xiàn)在URL中捏检,作為輸入提交到服務器端荞驴,服務器解析后響應,XSS代碼隨響應內(nèi)容一起傳回瀏覽器贯城,最后瀏覽器解析XSS代碼熊楼,這個過程像一次反射,故成反射性XSS能犯。
1.明文的
2.有些參數(shù)是通過search傳入的鲫骗,服務器要解析search犬耻,而這個search的value部分就是XSS代碼,從而導致服務端把攻擊腳本做了解析执泰。
3.服務端解析了XSS代碼枕磁,然后下發(fā)給瀏覽器,下發(fā)的通常都是javascript术吝,瀏覽器在解析DOM樹的時候遇到這段代碼會一并解析计济。
示例:

//服務端(node):
router.get('/',function(req,res,next){
  res.render('index',{title:'Express',xss:req.query.xss})
})
//視圖層
<div>
  <%- xss %>
//=和-的區(qū)別:要不要對html進行轉(zhuǎn)義,如果允許輸出html這里不需要轉(zhuǎn)義排苍,就用-
</div>
//url
localhost:3000/?xss=這里可以寫xss攻擊的內(nèi)容
//比如
localhost:3000/?xss=![](null)
//寫完的img會加入到頁面中沦寂,因為img的src為null,應該自動執(zhí)行onerror淘衙,
//瀏覽器會自動幫你攔截凑队,如果把瀏覽器的攔截關(guān)掉的話,會發(fā)生什么

//在服務端關(guān)閉攔截:
router.get('/',function(req,res,next){
  res.set('X-XSS-Protection',0);//關(guān)掉瀏覽器攔截xss
  res.render('index',{title:'Express',xss:req.query.xss})
})

//此時會成功執(zhí)行
  1. xss腳本在url中
  2. 服務端要解析url的字段

?xss=![](null)//自動觸發(fā)img src為null 上面有個onerror屬性
?xss=<p onclick="alert('1')">點我</p>//引誘觸發(fā)
?xss=<iframe src="www.baidu.com"></iframe>//頁面中會嵌入一個頁面幔翰,能實現(xiàn)各種廣告的植入


存儲型:存儲型XSS和反射性XSS的差別在于漩氨,提交的代碼會存儲在服務端(數(shù)據(jù)庫,內(nèi)存遗增,文件系統(tǒng)等)叫惊,下次請求目標頁面時不用再提交xss代碼。(反射性是存儲在url中)

//服務端(node):
router.get('/',function(req,res,next){
  res.render('index',{title:'Express',xss:sql()})
//通過讀緩存做修,讀數(shù)據(jù)庫霍狰,最后返回,這里的來源不一樣饰及,后面的都和反射性一樣
})

存儲型的攻擊腳本是怎么到達服務端的存儲系統(tǒng)里的蔗坯?


XSS防范措施

1.編碼
2.過濾
3.矯正

  • 不能對所用用戶的輸入保持原樣
  • 在原樣顯示用戶內(nèi)容時,要過濾
  • 破壞頁面結(jié)構(gòu)則通過矯正

編碼:對用戶輸入的數(shù)據(jù)進行HTML Entity編碼

Paste_Image.png

過濾:
1.移除用戶上傳的DOM屬性燎含,如onerror等(最好移除所有DOM事件屬性)
2.移除用戶上傳的Style節(jié)點宾濒,Script節(jié)點,Iframe節(jié)點等屏箍。

矯正:
1.避免直接對HTML Entity解碼
2.使用DOM Parse轉(zhuǎn)換绘梦,矯正不配對的DOM標簽

  • 如果直接解碼,那么過濾意義就不大了
  • DOM Parse把整個文本解析成DOM對象
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末赴魁,一起剝皮案震驚了整個濱河市卸奉,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌颖御,老刑警劉巖榄棵,帶你破解...
    沈念sama閱讀 212,454評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡疹鳄,警方通過查閱死者的電腦和手機拧略,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來尚辑,“玉大人,你說我怎么就攤上這事盔腔「懿纾” “怎么了?”我有些...
    開封第一講書人閱讀 157,921評論 0 348
  • 文/不壞的土叔 我叫張陵弛随,是天一觀的道長瓢喉。 經(jīng)常有香客問我,道長舀透,這世上最難降的妖魔是什么栓票? 我笑而不...
    開封第一講書人閱讀 56,648評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮愕够,結(jié)果婚禮上走贪,老公的妹妹穿的比我還像新娘。我一直安慰自己惑芭,他們只是感情好坠狡,可當我...
    茶點故事閱讀 65,770評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著遂跟,像睡著了一般逃沿。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上幻锁,一...
    開封第一講書人閱讀 49,950評論 1 291
  • 那天凯亮,我揣著相機與錄音,去河邊找鬼哄尔。 笑死假消,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的岭接。 我是一名探鬼主播置谦,決...
    沈念sama閱讀 39,090評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼亿傅!你這毒婦竟也來了媒峡?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,817評論 0 268
  • 序言:老撾萬榮一對情侶失蹤葵擎,失蹤者是張志新(化名)和其女友劉穎谅阿,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,275評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡签餐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,592評論 2 327
  • 正文 我和宋清朗相戀三年寓涨,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片氯檐。...
    茶點故事閱讀 38,724評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡戒良,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出冠摄,到底是詐尸還是另有隱情糯崎,我是刑警寧澤,帶...
    沈念sama閱讀 34,409評論 4 333
  • 正文 年R本政府宣布河泳,位于F島的核電站沃呢,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏拆挥。R本人自食惡果不足惜薄霜,卻給世界環(huán)境...
    茶點故事閱讀 40,052評論 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望纸兔。 院中可真熱鬧惰瓜,春花似錦、人聲如沸汉矿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽负甸。三九已至流强,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間呻待,已是汗流浹背打月。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留蚕捉,地道東北人奏篙。 一個月前我還...
    沈念sama閱讀 46,503評論 2 361
  • 正文 我出身青樓,卻偏偏與公主長得像迫淹,于是被迫代替她去往敵國和親秘通。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,627評論 2 350

推薦閱讀更多精彩內(nèi)容

  • 原文連接 https://jkchao.cn/article/59de0283c52d5a4ba98b1f0d X...
    三毛丶閱讀 850評論 0 5
  • 基礎(chǔ) XSS就是讓瀏覽器執(zhí)行想插入的js敛熬。那么如何發(fā)現(xiàn)這些漏洞呢肺稀?只要有輸入和輸出的地方都伴隨著漏洞的產(chǎn)生,下面介...
    lotuslwb閱讀 999評論 0 0
  • ????前端安全一直是一個蠻嚴苛的問題应民,特別如果設計到money更是如此话原。了解前端安全夕吻,在平時的coding中主動...
    Johnson杰閱讀 639評論 0 6
  • XSS(cross-site scripting跨域腳本攻擊)攻擊是最常見的Web攻擊,其重點是“跨域”和“客戶端...
    一只大橘閱讀 720評論 0 6
  • 相信每一個前端er對于跨域這兩個字都不會陌生繁仁,在實際項目中應用也是比較多的涉馅。但跨域方法的多種多樣實在讓人目不暇接。...
    Rubin666閱讀 892評論 0 2