DOM XSS

 

풀이

 

소스

#!/usr/bin/python3
from flask import Flask, request, render_template
from selenium import webdriver
import urllib
import os

app = Flask(__name__)
app.secret_key = os.urandom(32)
nonce = os.urandom(16).hex()

try:
    FLAG = open("./flag.txt", "r").read()
except:
    FLAG = "[**FLAG**]"


def read_url(url, cookie={"name": "name", "value": "value"}):
    cookie.update({"domain": "127.0.0.1"})
    try:
        options = webdriver.ChromeOptions()
        for _ in [
            "headless",
            "window-size=1920x1080",
            "disable-gpu",
            "no-sandbox",
            "disable-dev-shm-usage",
        ]:
            options.add_argument(_)
        driver = webdriver.Chrome("/chromedriver", options=options)
        driver.implicitly_wait(3)
        driver.set_page_load_timeout(3)
        driver.get("http://127.0.0.1:8000/")
        driver.add_cookie(cookie)
        driver.get(url)
    except Exception as e:
        driver.quit()
        # return str(e)
        return False
    driver.quit()
    return True


def check_xss(param, name, cookie={"name": "name", "value": "value"}):
    url = f"http://127.0.0.1:8000/vuln?param={urllib.parse.quote(param)}#{name}"
    return read_url(url, cookie)

@app.after_request
def add_header(response):
    global nonce
    response.headers['Content-Security-Policy'] = f"default-src 'self'; img-src https://dreamhack.io; style-src 'self' 'unsafe-inline'; script-src 'self' 'nonce-{nonce}' 'strict-dynamic'"
    nonce = os.urandom(16).hex()
    return response

@app.route("/")
def index():
    return render_template("index.html", nonce=nonce)


@app.route("/vuln")
def vuln():
    param = request.args.get("param", "")
    return render_template("vuln.html", nonce=nonce, param=param)


@app.route("/flag", methods=["GET", "POST"])
def flag():
    if request.method == "GET":
        return render_template("flag.html", nonce=nonce)
    elif request.method == "POST":
        param = request.form.get("param")
        name = request.form.get("name")
        if not check_xss(param, name, {"name": "flag", "value": FLAG.strip()}):
            return f'<script nonce={nonce}>alert("wrong??");history.go(-1);</script>'

        return f'<script nonce={nonce}>alert("good");history.go(-1);</script>'


memo_text = ""


@app.route("/memo")
def memo():
    global memo_text
    text = request.args.get("memo", "")
    memo_text += text + "\n"
    return render_template("memo.html", memo=memo_text, nonce=nonce)


app.run(host="0.0.0.0", port=8000)

 

우선 /vuln 페이지

동작을 살펴보면

# 값을 HTML에 그대로 반영한다.

 

/vuln 페이지를 개발자 도구로 살펴보니

다음과 같은 부분이 있고 이로 인해서

DOM XSS 취약점이 존재하는 것을 알 수 있다.

 

취약점이 발생하는 부분이다.

var name_elem = document.getElementById("name);

 

취약점이 발생하는 이유는

param 파라미터를 통해서도

HTML 요소를 삽입할 수 있기 때문에

DOM Clobbering 취약점이 발생한다.

 

이런식으로 이용자가 입력 가능한

param 파라미터 값을 HTML에 그대로 사용한다.

 

여기서 param 파리미터 값으로

id 속성의 값이 name인 요소를 삽입하면

DOM Clobbering 취약점을 악용할 수 있다.

 

param 파라미터를 통해 <script> 태그를 삽입하고

# 값을 이용해 <script> 태그에 코드를 삽입할 수 있다.

http://host3.dreamhack.games:18800/vuln?param=<script id=name></script>#alert(10);//

 

다음 코드를 통해

/vuln 페이지에서 /memo 페이지에

memo 파라미터 값으로 Test로 전송하는데 성공

http://host3.dreamhack.games:18800/vuln?param=%3Cscript%20id=name%3E%3C/script%3E#location='/memo?memo=Test';//

.

 

/flag 페이지에서

이 코드를 이용해 해결할 수 있다.

param=<script id=name></script>#location='/memo?memo='+document.cookie

 

여기서 조금 헤맸다.

# 값도 HTTP 요청에 같이 보내지는 줄 알았는데

HTTP 요청에 포함되지 않는다고 한다.

 

따라서, '/memo?memo='+document.cookie 부분은

요청에 포함되어 보내지지 않기 때문에

+가 디코딩 되어 공백으로 바뀌는 것을 신경 쓰지 않아도 된다.

 

/vuln 페이지에서 직접 확인해 보면

확인할 수 있다.