AeyeScan blog 第3回「SPAも巡回可能！AeyeScanの自動巡回技術について」

本稿は SaaS型Webアプリ診断ツール「AeyeScan」を運営している株式会社エーアイセキュリティラボが、セキュリティテストの自動化、脆弱性診断の内製化、AI/機械学習などの技術情報の共有を目的とした記事です。 AeyeScan自動巡回エンジン開発担当の安西です。 近年、SPA(シングルページアプリケーション)の技術を使用して構築されたサイトを見かける頻度が急速に増えてきました。AeyeScan はブラウザベースのクローラーを搭載しているため、SPA も高精度で巡回することが可能です。 本記事では「OWASP Juice Shop」を例に AeyeScan の自動巡回技術の一部を解説します。●OWASP Juice Shop とは OWASP Juice Shopはセキュリティ教育やセキュリティツールの性能検証などを活用目的とするオープンソースの脆弱な Webアプリです。SPAフレームワークの Angular を使用しており、以下の技術的特徴があります。・フォームに formタグが無い・フレームワークの独自タグを使用している・マウス操作やキー押下が必要・CAPTCHA突破が必要・モーダルが多い●フォームに formタグが無い 従来型の Webアプリは入力フォームの内容を formタグで括るのが一般的です。【従来型のシンプルなログインフォーム】&lt;form action=&quot;login.php&quot; method=&quot;post&quot;&gt;ユーザID:&lt;input type=&quot;text&quot; name=&quot;user_id&quot;/&gt;パスワード:&lt;input type=&quot;password&quot; name=&quot;password&quot;/&gt;&lt;input type=&quot;submit&quot; value=&quot;ログイン&quot;/&gt;&lt;/form&gt; 一方、SPA では入力フォームを formタグで括らないケースが多くあります。OWASP Juice Shop でも formタグは使用されていません。【OWASP Juice Shop のログインフォーム】【OWASP Juice Shop のログインフォームの HTML】&lt;div _ngcontent-qkp-c158=&quot;&quot; id=&quot;login-form&quot; class=&quot;form-container&quot;&gt;&lt;mat-form-field _ngcontent-qkp-c158=&quot;&quot; color=&quot;accent&quot; appearance=&quot;outline&quot; class=&quot;mat-form-field ng-tns-c118-7 mat-accent mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-invalid ng-star-inserted&quot;&gt;&lt;div class=&quot;mat-form-field-wrapper ng-tns-c118-7&quot;&gt;&lt;div class=&quot;mat-form-field-flex ng-tns-c118-7&quot;&gt;&lt;div class=&quot;mat-form-field-outline ng-tns-c118-7 ng-star-inserted&quot;&gt;&lt;div class=&quot;mat-form-field-outline-start ng-tns-c118-7&quot; style=&quot;width: 5.5px;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline-gap ng-tns-c118-7&quot; style=&quot;width: 42.25px;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline-end ng-tns-c118-7&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline mat-form-field-outline-thick ng-tns-c118-7 ng-star-inserted&quot;&gt;&lt;div class=&quot;mat-form-field-outline-start ng-tns-c118-7&quot; style=&quot;width: 5.5px;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline-gap ng-tns-c118-7&quot; style=&quot;width: 42.25px;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline-end ng-tns-c118-7&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;div class=&quot;mat-form-field-infix ng-tns-c118-7&quot;&gt;&lt;input _ngcontent-qkp-c158=&quot;&quot; id=&quot;email&quot; name=&quot;email&quot; matinput=&quot;&quot; aria-label=&quot;Text field for the login email&quot; class=&quot;mat-input-element mat-form-field-autofill-control ng-tns-c118-7 ng-untouched ng-pristine ng-invalid cdk-text-field-autofill-monitored&quot; required=&quot;&quot; data-placeholder=&quot;&quot; aria-required=&quot;true&quot;&gt;&lt;span class=&quot;mat-form-field-label-wrapper ng-tns-c118-7&quot;&gt;&lt;label class=&quot;mat-form-field-label ng-tns-c118-7 mat-empty mat-form-field-empty mat-accent ng-star-inserted&quot; id=&quot;mat-form-field-label-3&quot; for=&quot;email&quot; aria-owns=&quot;email&quot;&gt;&lt;!----&gt;&lt;mat-label _ngcontent-qkp-c158=&quot;&quot; translate=&quot;&quot; class=&quot;ng-tns-c118-7 ng-star-inserted&quot;&gt;Email&lt;/mat-label&gt;&lt;!----&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;mat-placeholder-required mat-form-field-required-marker ng-tns-c118-7 ng-star-inserted&quot;&gt; *&lt;/span&gt;&lt;!----&gt;&lt;/label&gt;&lt;!----&gt;&lt;/span&gt;&lt;/div&gt;&lt;!----&gt;&lt;/div&gt;&lt;!----&gt;&lt;div class=&quot;mat-form-field-subscript-wrapper ng-tns-c118-7&quot;&gt;&lt;!----&gt;&lt;div class=&quot;mat-form-field-hint-wrapper ng-tns-c118-7 ng-trigger ng-trigger-transitionMessages ng-star-inserted&quot; style=&quot;opacity: 1; transform: translateY(0%);&quot;&gt;&lt;!----&gt;&lt;div class=&quot;mat-form-field-hint-spacer ng-tns-c118-7&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;!----&gt;&lt;/div&gt;&lt;/div&gt;&lt;/mat-form-field&gt;&lt;mat-form-field _ngcontent-qkp-c158=&quot;&quot; color=&quot;accent&quot; appearance=&quot;outline&quot; class=&quot;mat-form-field ng-tns-c118-8 mat-accent mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-invalid ng-star-inserted&quot;&gt;&lt;div class=&quot;mat-form-field-wrapper ng-tns-c118-8&quot;&gt;&lt;div class=&quot;mat-form-field-flex ng-tns-c118-8&quot;&gt;&lt;div class=&quot;mat-form-field-outline ng-tns-c118-8 ng-star-inserted&quot;&gt;&lt;div class=&quot;mat-form-field-outline-start ng-tns-c118-8&quot; style=&quot;width: 5.5px;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline-gap ng-tns-c118-8&quot; style=&quot;width: 63.25px;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline-end ng-tns-c118-8&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline mat-form-field-outline-thick ng-tns-c118-8 ng-star-inserted&quot;&gt;&lt;div class=&quot;mat-form-field-outline-start ng-tns-c118-8&quot; style=&quot;width: 5.5px;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline-gap ng-tns-c118-8&quot; style=&quot;width: 63.25px;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline-end ng-tns-c118-8&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;div class=&quot;mat-form-field-infix ng-tns-c118-8&quot;&gt;&lt;input _ngcontent-qkp-c158=&quot;&quot; id=&quot;password&quot; name=&quot;password&quot; matinput=&quot;&quot; aria-label=&quot;Text field for the login password&quot; class=&quot;mat-input-element mat-form-field-autofill-control ng-tns-c118-8 ng-untouched ng-pristine ng-invalid cdk-text-field-autofill-monitored&quot; type=&quot;password&quot; required=&quot;&quot; data-placeholder=&quot;&quot; aria-required=&quot;true&quot;&gt;&lt;span class=&quot;mat-form-field-label-wrapper ng-tns-c118-8&quot;&gt;&lt;label class=&quot;mat-form-field-label ng-tns-c118-8 mat-empty mat-form-field-empty mat-accent ng-star-inserted&quot; id=&quot;mat-form-field-label-5&quot; for=&quot;password&quot; aria-owns=&quot;password&quot;&gt;&lt;!----&gt;&lt;mat-label _ngcontent-qkp-c158=&quot;&quot; translate=&quot;&quot; class=&quot;ng-tns-c118-8 ng-star-inserted&quot;&gt;Password&lt;/mat-label&gt;&lt;!----&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;mat-placeholder-required mat-form-field-required-marker ng-tns-c118-8 ng-star-inserted&quot;&gt; *&lt;/span&gt;&lt;!----&gt;&lt;/label&gt;&lt;!----&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-suffix ng-tns-c118-8 ng-star-inserted&quot;&gt;&lt;button _ngcontent-qkp-c158=&quot;&quot; mat-icon-button=&quot;&quot; matsuffix=&quot;&quot; aria-label=&quot;Button to display the password&quot; mattooltipposition=&quot;right&quot; class=&quot;mat-focus-indicator mat-tooltip-trigger mat-icon-button mat-button-base ng-tns-c118-8 ng-star-inserted&quot; aria-describedby=&quot;cdk-describedby-message-1&quot; cdk-describedby-host=&quot;0&quot;&gt;&lt;span class=&quot;mat-button-wrapper&quot;&gt;&lt;svg _ngcontent-qkp-c158=&quot;&quot; aria-label=&quot;Eye&quot; class=&quot;svg-inline--fa fa-eye fa-w-18&quot; aria-hidden=&quot;true&quot; focusable=&quot;false&quot; data-prefix=&quot;fas&quot; data-icon=&quot;eye&quot; role=&quot;img&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 576 512&quot; data-fa-i2svg=&quot;&quot;&gt;&lt;path fill=&quot;currentColor&quot; d=&quot;M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;!-- &lt;i _ngcontent-qkp-c158=&quot;&quot; aria-label=&quot;Eye&quot; class=&quot;fas fa-eye&quot;&gt;&lt;/i&gt; Font Awesome fontawesome.com --&gt;&lt;/span&gt;&lt;span matripple=&quot;&quot; class=&quot;mat-ripple mat-button-ripple mat-button-ripple-round&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mat-button-focus-overlay&quot;&gt;&lt;/span&gt;&lt;/button&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/div&gt;&lt;!----&gt;&lt;/div&gt;&lt;!----&gt;&lt;div class=&quot;mat-form-field-subscript-wrapper ng-tns-c118-8&quot;&gt;&lt;!----&gt;&lt;div class=&quot;mat-form-field-hint-wrapper ng-tns-c118-8 ng-trigger ng-trigger-transitionMessages ng-star-inserted&quot; style=&quot;opacity: 1; transform: translateY(0%);&quot;&gt;&lt;!----&gt;&lt;div class=&quot;mat-form-field-hint-spacer ng-tns-c118-8&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;!----&gt;&lt;/div&gt;&lt;/div&gt;&lt;/mat-form-field&gt;&lt;a _ngcontent-qkp-c158=&quot;&quot; routerlink=&quot;/forgot-password&quot; translate=&quot;&quot; class=&quot;primary-link forgot-pw&quot; href=&quot;#/forgot-password&quot;&gt;Forgot your password?&lt;/a&gt;&lt;button _ngcontent-qkp-c158=&quot;&quot; type=&quot;submit&quot; id=&quot;loginButton&quot; mat-raised-button=&quot;&quot; color=&quot;primary&quot; aria-label=&quot;Login&quot; class=&quot;mat-focus-indicator mat-raised-button mat-button-base mat-primary mat-button-disabled&quot; disabled=&quot;true&quot;&gt;&lt;span class=&quot;mat-button-wrapper&quot;&gt;&lt;mat-icon _ngcontent-qkp-c158=&quot;&quot; role=&quot;img&quot; class=&quot;mat-icon notranslate material-icons mat-icon-no-color&quot; aria-hidden=&quot;true&quot; data-mat-icon-type=&quot;font&quot;&gt; exit_to_app &lt;/mat-icon&gt; Log in &lt;/span&gt;&lt;span matripple=&quot;&quot; class=&quot;mat-ripple mat-button-ripple&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mat-button-focus-overlay&quot;&gt;&lt;/span&gt;&lt;/button&gt;&lt;mat-checkbox _ngcontent-qkp-c158=&quot;&quot; id=&quot;rememberMe&quot; class=&quot;mat-checkbox mat-accent ng-untouched ng-pristine ng-valid&quot;&gt;&lt;label class=&quot;mat-checkbox-layout&quot; for=&quot;rememberMe-input&quot;&gt;&lt;span class=&quot;mat-checkbox-inner-container&quot;&gt;&lt;input type=&quot;checkbox&quot; class=&quot;mat-checkbox-input cdk-visually-hidden&quot; id=&quot;rememberMe-input&quot; tabindex=&quot;0&quot; aria-label=&quot;Checkbox to stay logged in or not logged in&quot; aria-checked=&quot;false&quot;&gt;&lt;span matripple=&quot;&quot; class=&quot;mat-ripple mat-checkbox-ripple mat-focus-indicator&quot;&gt;&lt;span class=&quot;mat-ripple-element mat-checkbox-persistent-ripple&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;mat-checkbox-frame&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mat-checkbox-background&quot;&gt;&lt;svg version=&quot;1.1&quot; focusable=&quot;false&quot; viewBox=&quot;0 0 24 24&quot; xml:space=&quot;preserve&quot; aria-hidden=&quot;true&quot; class=&quot;mat-checkbox-checkmark&quot;&gt;&lt;path fill=&quot;none&quot; stroke=&quot;white&quot; d=&quot;M4.1,12.7 9,17.6 20.3,6.3&quot; class=&quot;mat-checkbox-checkmark-path&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;span class=&quot;mat-checkbox-mixedmark&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;mat-checkbox-label&quot;&gt;&lt;span style=&quot;display: none;&quot;&gt;&amp;nbsp;&lt;/span&gt; Remember me &lt;/span&gt;&lt;/label&gt;&lt;/mat-checkbox&gt;&lt;!----&gt;&lt;!----&gt;&lt;div _ngcontent-qkp-c158=&quot;&quot; id=&quot;newCustomerLink&quot;&gt;&lt;a _ngcontent-qkp-c158=&quot;&quot; routerlink=&quot;/register&quot; translate=&quot;&quot; class=&quot;primary-link&quot; href=&quot;#/register&quot;&gt;Not yet a customer?&lt;/a&gt;&lt;/div&gt;&lt;/div&gt; 多くの自動巡回ツールは、formタグを解析し action属性の URL に input要素などのパラメータ情報を付加して POST するという方法でサイトを巡回します。&lt;form action=&quot;login.php&quot; method=&quot;post&quot;&gt;ユーザID:&lt;input type=&quot;text&quot; name=&quot;user_id&quot;/&gt;パスワード:&lt;input type=&quot;password&quot; name=&quot;password&quot;/&gt;&lt;input type=&quot;submit&quot; value=&quot;ログイン&quot;/&gt;&lt;/form&gt;↓POST /login.php HTTP/1.1略user_id=testuser&amp;password=testpass しかし、formタグの無いサイトではこの方法は上手く動作しません。&lt;div _ngcontent-qkp-c158=&quot;&quot; id=&quot;login-form&quot; class=&quot;form-container&quot;&gt;&lt;mat-form-field _ngcontent-qkp-c158=&quot;&quot; color=&quot;accent&quot; appearance=&quot;outline&quot; class=&quot;mat-form-field ng-tns-c118-7 mat-accent mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-invalid ng-star-inserted&quot;&gt;&lt;div class=&quot;mat-form-field-wrapper ng-tns-c118-7&quot;&gt;&lt;div class=&quot;mat-form-field-flex ng-tns-c118-7&quot;&gt;&lt;div class=&quot;mat-form-field-outline ng-tns-c118-7 ng-star-inserted&quot;&gt;&lt;div class=&quot;mat-form-field-outline-start ng-tns-c118-7&quot; style=&quot;width: 5.5px;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline-gap ng-tns-c118-7&quot; style=&quot;width: 42.25px;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline-end ng-tns-c118-7&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline mat-form-field-outline-thick ng-tns-c118-7 ng-star-inserted&quot;&gt;&lt;div class=&quot;mat-form-field-outline-start ng-tns-c118-7&quot; style=&quot;width: 5.5px;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline-gap ng-tns-c118-7&quot; style=&quot;width: 42.25px;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline-end ng-tns-c118-7&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;div class=&quot;mat-form-field-infix ng-tns-c118-7&quot;&gt;&lt;input _ngcontent-qkp-c158=&quot;&quot; id=&quot;email&quot; name=&quot;email&quot; matinput=&quot;&quot; aria-label=&quot;Text field for the login email&quot; class=&quot;mat-input-element mat-form-field-autofill-control ng-tns-c118-7 ng-untouched ng-pristine ng-invalid cdk-text-field-autofill-monitored&quot; required=&quot;&quot; data-placeholder=&quot;&quot; aria-required=&quot;true&quot;&gt;&lt;span class=&quot;mat-form-field-label-wrapper ng-tns-c118-7&quot;&gt;&lt;label class=&quot;mat-form-field-label ng-tns-c118-7 mat-empty mat-form-field-empty mat-accent ng-star-inserted&quot; id=&quot;mat-form-field-label-3&quot; for=&quot;email&quot; aria-owns=&quot;email&quot;&gt;&lt;!----&gt;&lt;mat-label _ngcontent-qkp-c158=&quot;&quot; translate=&quot;&quot; class=&quot;ng-tns-c118-7 ng-star-inserted&quot;&gt;Email&lt;/mat-label&gt;&lt;!----&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;mat-placeholder-required mat-form-field-required-marker ng-tns-c118-7 ng-star-inserted&quot;&gt; *&lt;/span&gt;&lt;!----&gt;&lt;/label&gt;&lt;!----&gt;&lt;/span&gt;&lt;/div&gt;&lt;!----&gt;&lt;/div&gt;&lt;!----&gt;&lt;div class=&quot;mat-form-field-subscript-wrapper ng-tns-c118-7&quot;&gt;&lt;!----&gt;&lt;div class=&quot;mat-form-field-hint-wrapper ng-tns-c118-7 ng-trigger ng-trigger-transitionMessages ng-star-inserted&quot; style=&quot;opacity: 1; transform: translateY(0%);&quot;&gt;&lt;!----&gt;&lt;div class=&quot;mat-form-field-hint-spacer ng-tns-c118-7&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;!----&gt;&lt;/div&gt;&lt;/div&gt;&lt;/mat-form-field&gt;&lt;mat-form-field _ngcontent-qkp-c158=&quot;&quot; color=&quot;accent&quot; appearance=&quot;outline&quot; class=&quot;mat-form-field ng-tns-c118-8 mat-accent mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-invalid ng-star-inserted&quot;&gt;&lt;div class=&quot;mat-form-field-wrapper ng-tns-c118-8&quot;&gt;&lt;div class=&quot;mat-form-field-flex ng-tns-c118-8&quot;&gt;&lt;div class=&quot;mat-form-field-outline ng-tns-c118-8 ng-star-inserted&quot;&gt;&lt;div class=&quot;mat-form-field-outline-start ng-tns-c118-8&quot; style=&quot;width: 5.5px;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline-gap ng-tns-c118-8&quot; style=&quot;width: 63.25px;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline-end ng-tns-c118-8&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline mat-form-field-outline-thick ng-tns-c118-8 ng-star-inserted&quot;&gt;&lt;div class=&quot;mat-form-field-outline-start ng-tns-c118-8&quot; style=&quot;width: 5.5px;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline-gap ng-tns-c118-8&quot; style=&quot;width: 63.25px;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-outline-end ng-tns-c118-8&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;div class=&quot;mat-form-field-infix ng-tns-c118-8&quot;&gt;&lt;input _ngcontent-qkp-c158=&quot;&quot; id=&quot;password&quot; name=&quot;password&quot; matinput=&quot;&quot; aria-label=&quot;Text field for the login password&quot; class=&quot;mat-input-element mat-form-field-autofill-control ng-tns-c118-8 ng-untouched ng-pristine ng-invalid cdk-text-field-autofill-monitored&quot; type=&quot;password&quot; required=&quot;&quot; data-placeholder=&quot;&quot; aria-required=&quot;true&quot;&gt;&lt;span class=&quot;mat-form-field-label-wrapper ng-tns-c118-8&quot;&gt;&lt;label class=&quot;mat-form-field-label ng-tns-c118-8 mat-empty mat-form-field-empty mat-accent ng-star-inserted&quot; id=&quot;mat-form-field-label-5&quot; for=&quot;password&quot; aria-owns=&quot;password&quot;&gt;&lt;!----&gt;&lt;mat-label _ngcontent-qkp-c158=&quot;&quot; translate=&quot;&quot; class=&quot;ng-tns-c118-8 ng-star-inserted&quot;&gt;Password&lt;/mat-label&gt;&lt;!----&gt;&lt;span aria-hidden=&quot;true&quot; class=&quot;mat-placeholder-required mat-form-field-required-marker ng-tns-c118-8 ng-star-inserted&quot;&gt; *&lt;/span&gt;&lt;!----&gt;&lt;/label&gt;&lt;!----&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;mat-form-field-suffix ng-tns-c118-8 ng-star-inserted&quot;&gt;&lt;button _ngcontent-qkp-c158=&quot;&quot; mat-icon-button=&quot;&quot; matsuffix=&quot;&quot; aria-label=&quot;Button to display the password&quot; mattooltipposition=&quot;right&quot; class=&quot;mat-focus-indicator mat-tooltip-trigger mat-icon-button mat-button-base ng-tns-c118-8 ng-star-inserted&quot; aria-describedby=&quot;cdk-describedby-message-1&quot; cdk-describedby-host=&quot;0&quot;&gt;&lt;span class=&quot;mat-button-wrapper&quot;&gt;&lt;svg _ngcontent-qkp-c158=&quot;&quot; aria-label=&quot;Eye&quot; class=&quot;svg-inline--fa fa-eye fa-w-18&quot; aria-hidden=&quot;true&quot; focusable=&quot;false&quot; data-prefix=&quot;fas&quot; data-icon=&quot;eye&quot; role=&quot;img&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 576 512&quot; data-fa-i2svg=&quot;&quot;&gt;&lt;path fill=&quot;currentColor&quot; d=&quot;M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;!-- &lt;i _ngcontent-qkp-c158=&quot;&quot; aria-label=&quot;Eye&quot; class=&quot;fas fa-eye&quot;&gt;&lt;/i&gt; Font Awesome fontawesome.com --&gt;&lt;/span&gt;&lt;span matripple=&quot;&quot; class=&quot;mat-ripple mat-button-ripple mat-button-ripple-round&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mat-button-focus-overlay&quot;&gt;&lt;/span&gt;&lt;/button&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;/div&gt;&lt;!----&gt;&lt;/div&gt;&lt;!----&gt;&lt;div class=&quot;mat-form-field-subscript-wrapper ng-tns-c118-8&quot;&gt;&lt;!----&gt;&lt;div class=&quot;mat-form-field-hint-wrapper ng-tns-c118-8 ng-trigger ng-trigger-transitionMessages ng-star-inserted&quot; style=&quot;opacity: 1; transform: translateY(0%);&quot;&gt;&lt;!----&gt;&lt;div class=&quot;mat-form-field-hint-spacer ng-tns-c118-8&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;!----&gt;&lt;/div&gt;&lt;/div&gt;&lt;/mat-form-field&gt;&lt;a _ngcontent-qkp-c158=&quot;&quot; routerlink=&quot;/forgot-password&quot; translate=&quot;&quot; class=&quot;primary-link forgot-pw&quot; href=&quot;#/forgot-password&quot;&gt;Forgot your password?&lt;/a&gt;&lt;button _ngcontent-qkp-c158=&quot;&quot; type=&quot;submit&quot; id=&quot;loginButton&quot; mat-raised-button=&quot;&quot; color=&quot;primary&quot; aria-label=&quot;Login&quot; class=&quot;mat-focus-indicator mat-raised-button mat-button-base mat-primary mat-button-disabled&quot; disabled=&quot;true&quot;&gt;&lt;span class=&quot;mat-button-wrapper&quot;&gt;&lt;mat-icon _ngcontent-qkp-c158=&quot;&quot; role=&quot;img&quot; class=&quot;mat-icon notranslate material-icons mat-icon-no-color&quot; aria-hidden=&quot;true&quot; data-mat-icon-type=&quot;font&quot;&gt; exit_to_app &lt;/mat-icon&gt; Log in &lt;/span&gt;&lt;span matripple=&quot;&quot; class=&quot;mat-ripple mat-button-ripple&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mat-button-focus-overlay&quot;&gt;&lt;/span&gt;&lt;/button&gt;&lt;mat-checkbox _ngcontent-qkp-c158=&quot;&quot; id=&quot;rememberMe&quot; class=&quot;mat-checkbox mat-accent ng-untouched ng-pristine ng-valid&quot;&gt;&lt;label class=&quot;mat-checkbox-layout&quot; for=&quot;rememberMe-input&quot;&gt;&lt;span class=&quot;mat-checkbox-inner-container&quot;&gt;&lt;input type=&quot;checkbox&quot; class=&quot;mat-checkbox-input cdk-visually-hidden&quot; id=&quot;rememberMe-input&quot; tabindex=&quot;0&quot; aria-label=&quot;Checkbox to stay logged in or not logged in&quot; aria-checked=&quot;false&quot;&gt;&lt;span matripple=&quot;&quot; class=&quot;mat-ripple mat-checkbox-ripple mat-focus-indicator&quot;&gt;&lt;span class=&quot;mat-ripple-element mat-checkbox-persistent-ripple&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;mat-checkbox-frame&quot;&gt;&lt;/span&gt;&lt;span class=&quot;mat-checkbox-background&quot;&gt;&lt;svg version=&quot;1.1&quot; focusable=&quot;false&quot; viewBox=&quot;0 0 24 24&quot; xml:space=&quot;preserve&quot; aria-hidden=&quot;true&quot; class=&quot;mat-checkbox-checkmark&quot;&gt;&lt;path fill=&quot;none&quot; stroke=&quot;white&quot; d=&quot;M4.1,12.7 9,17.6 20.3,6.3&quot; class=&quot;mat-checkbox-checkmark-path&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;span class=&quot;mat-checkbox-mixedmark&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;mat-checkbox-label&quot;&gt;&lt;span style=&quot;display: none;&quot;&gt;&amp;nbsp;&lt;/span&gt; Remember me &lt;/span&gt;&lt;/label&gt;&lt;/mat-checkbox&gt;&lt;!----&gt;&lt;!----&gt;&lt;div _ngcontent-qkp-c158=&quot;&quot; id=&quot;newCustomerLink&quot;&gt;&lt;a _ngcontent-qkp-c158=&quot;&quot; routerlink=&quot;/register&quot; translate=&quot;&quot; class=&quot;primary-link&quot; href=&quot;#/register&quot;&gt;Not yet a customer?&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;↓リクエストを生成できない AeyeScan では、ブラウザを実際に起動し、表示された入力フォームに対して値を入力、ボタンを押下することによってこの課題を解決しています。以下のような Selenium のテストスクリプトを自動で生成するイメージが近いです。# ログインIDを入力login_id = driver.find_element_by_id(&quot;email&quot;)login_id.send_keys(&quot;指定されたログインID&quot;)# パスワードを入力password = driver.find_element_by_id(&quot;password&quot;)password.send_keys(&quot;指定されたパスワード&quot;)# ログインボタンをクリックlogin_btn = driver.find_element_by_id(&quot;loginButton&quot;)login_btn.click() スクリプトを自動生成し、自動実行する。この繰り返しにより、ブラウザベースの自動巡回を実現しています。●フレームワークの独自タグを使用している ブラウザベースの自動巡回では、入力可能なフォーム要素や、押下できるボタンを探すことが課題となります。 探索手法はいくつかありますが、全てのタグを対象に無条件に試行する手法では速度面の問題が発生するため、対象タグを絞り込む必要があります。例えば、・selectタグ、inputタグ、textareaタグなどを入力可能なフォーム要素とする・buttonタグ、imgタグ、input type=&quot;button&quot; などを押下可能なボタンとするなどが、候補になります。 Angular には Material Design に対応した「Angular Material」というコンポーネントがあり、OWASP Juice Shop でも利用されています。 Angular Material には HTML5 には定義されていない独自タグが多数あります。一例として、selectタグの代替えタグである MAT-SELECT を使用している、OWASP Juice Shop のユーザ登録フォームの HTML を記載します。&lt;mat-select _ngcontent-avu-c131=&quot;&quot; role=&quot;combobox&quot; aria-autocomplete=&quot;none&quot; aria-haspopup=&quot;true&quot; placeholder=&quot;&quot; name=&quot;securityQuestion&quot; aria-label=&quot;Selection list for the security question&quot; class=&quot;mat-select ng-tns-c130-35 ng-tns-c118-34 mat-select-required mat-select-empty ng-pristine ng-invalid ng-star-inserted mat-select-invalid ng-touched&quot; id=&quot;mat-select-6&quot; tabindex=&quot;0&quot; aria-expanded=&quot;false&quot; aria-required=&quot;true&quot; aria-disabled=&quot;false&quot; aria-invalid=&quot;true&quot; aria-describedby=&quot;mat-error-7&quot;&gt;&lt;div cdk-overlay-origin=&quot;&quot; class=&quot;mat-select-trigger ng-tns-c130-35&quot;&gt;&lt;div class=&quot;mat-select-value ng-tns-c130-35&quot; id=&quot;mat-select-value-7&quot;&gt;&lt;span class=&quot;mat-select-placeholder mat-select-min-line ng-tns-c130-35 ng-star-inserted&quot;&gt;&lt;/span&gt;&lt;!----&gt;&lt;!----&gt;&lt;/div&gt;&lt;div class=&quot;mat-select-arrow-wrapper ng-tns-c130-35&quot;&gt;&lt;div class=&quot;mat-select-arrow ng-tns-c130-35&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;!----&gt;&lt;/mat-select&gt; SPA の巡回精度を向上させるには、上に挙げた input などの一般的なタグだけでなく、このようなフレームワーク独自タグの対応も必要となります。しかしながら、SPAフレームワークおよびコンポーネントは、React, Vue.js, Angular、Angular Material, Material-UI など、メジャーなものだけでもかなりの数があるため、簡単な作業ではありません。 AeyeScan は SPA の巡回対応に注力しており、サポート対象とする独自タグを随時拡張していく予定です。●マウス操作やキー押下が必要 OWASP Juice Shop にはマウス操作やキー押下をしないと巡回できない機能が複数あります。・検索実行には Enterキーの押下が必要・チャット投稿には Enterキーの押下が必要・Rating指定にはマウス操作が必要 これらの機能を巡回するためには、マウス操作やキー押下をブラウザ上で実行する必要があります。 AeyeScan の巡回エンジンは、Enterキーの押下、スライダーのマウス操作、スクロールバー付き要素の自動スクロールなどにも対応しており、このような画面も巡回することが可能です。【チャット投稿機能（AeyeScan巡回結果より）】 ただし、実行条件の自動判定はとても難しいため、精度には向上の余地があります。●CAPTCHA突破が必要 OWASP Juice Shop には CAPTCHA突破が必要な投稿機能があります。 AeyeScan には AI を用いた CAPTCHA突破の基盤があるため、正しい答えを入力することが出来ました。【CAPTHCA付き入力フォーム（AeyeScan巡回結果より）】 この例は、四則演算の答えを入力する簡易な CAPTCHA ですが、より難易度の高い画像CAPTHCA も突破することが可能です。画像CAPTHCA の突破技術については、深層学習で CAPTCHA突破の記事で解説しています。●モーダルが多い ブラウザベースのクローラーは、ブラウザに描画された入力フォームやボタンを操作するという特性から、モーダルの扱いが大きな課題になります。操作対象の要素とモーダルが被る場合、要素の操作が上手くいかないためです。【フォームの上にモーダルが表示される場合、フォームに値を入力できない】 AeyeScan では、「モーダルを自動判定しモーダルの中身を優先的に巡回する」「モーダルの中身の巡回が終わったら、モーダルを閉じてから巡回を継続する」という方法でこの課題を解決しています。【モーダルを閉じてから巡回する例（AeyeScan巡回結果より）】 ただし、モーダルの自動判定はとても難しいため、精度には向上の余地があります。●自動巡回結果 OWASP Juice ShopをAeyeScan で自動巡回した結果を以下にまとめます。 AeyeScan は 2022/6/24 リリースの最新バージョンを使用しました。●巡回設定●巡回結果 ほぼ全ての画面を高速に見つけ出すことが出来ました！・巡回時間: 11 分・巡回画面数: 150 画面・巡回率: 99 %(削除系の機能など仕様により巡回しないページを除く)」【機能一覧と巡回結果（重複除く)】●おわりに 以上、OWASP Juice Shop を例に AeyeScan の自動巡回技術の一部を解説しました。 本記事では触れなかったスキャン結果については、別の機会に改めて解説したいと思います。 AeyeScan のトライアル、脆弱性診断の自動化のご相談はこちら 弊社ではエンジニア採用を実施中です。自動巡回技術に興味を持った方からのご応募もお待ちしています。元の記事を読む

AeyeScan blog 第3回「SPAも巡回可能！AeyeScanの自動巡回技術について」

トピックス

ITニュースランキング

このカテゴリーについて