cordova-plugin-whitelist

Этот плагин реализует политику белого списка для навигации по веб-вью приложения в Cordova 4.0

:warning: Сообщайте о проблемах на трекере проблем Apache Cordova

Установка

Вы можете установить плагин whitelist с помощью Cordova CLI, из npm:

$ cordova plugin add cordova-plugin-whitelist
$ cordova prepare

Поддерживаемые платформы Cordova

• Android 4.0.0 или выше

Белый список навигации

Управляет тем, к каким URL могут переходить WebView. Применяется только к навигации верхнего уровня.

Особенности: в Android это также применяется к iframe для схем, отличных от http(s).

По умолчанию разрешена навигация только к file:// URL. Для разрешения других URL необходимо добавить <allow-navigation> теги в ваши config.xml\p>

<!-- Allow links to example.com -->
<allow-navigation href="http://example.com/*" />

<!-- Wildcards are allowed for the protocol, as a prefix
     to the host, or as a suffix to the path -->
<allow-navigation href="*://*.example.com/*" />

<!-- A wildcard can be used to whitelist the entire network,
     over HTTP and HTTPS.
     *NOT RECOMMENDED* -->
<allow-navigation href="*" />

<!-- The above is equivalent to these three declarations -->
<allow-navigation href="http://*/*" />
<allow-navigation href="https://*/*" />
<allow-navigation href="data:*" />

Белый список намерений

Управляет тем, к каким URL приложение может попросить систему открыть. По умолчанию внешние URL не разрешены.

В Android это эквивалентно отправке намерения типа BROWSEABLE.

Этот белый список не применяется к плагинам, только к гиперссылкам и вызовам window.open()\p>

В config.xml, добавьте <allow-intent> теги, как показано ниже:

<!-- Allow links to web pages to open in a browser -->
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />

<!-- Allow links to example.com to open in a browser -->
<allow-intent href="http://example.com/*" />

<!-- Wildcards are allowed for the protocol, as a prefix
     to the host, or as a suffix to the path -->
<allow-intent href="*://*.example.com/*" />

<!-- Allow SMS links to open messaging app -->
<allow-intent href="sms:*" />

<!-- Allow tel: links to open the dialer -->
<allow-intent href="tel:*" />

<!-- Allow geo: links to open maps -->
<allow-intent href="geo:*" />

<!-- Allow all unrecognized URLs to open installed apps
     *NOT RECOMMENDED* -->
<allow-intent href="*" />

Белый список сетевых запросов

Управляет тем, какие сетевые запросы (изображения, XHR и т.д.) разрешено делать (через нативные крючки Cordova).

Примечание: мы рекомендуем использовать политику Content Security Policy (см. ниже), которая более безопасна. Этот белый список в основном предназначен для веб-вью, не поддерживающих CSP.

В config.xml, добавьте <access> теги, как показано ниже:

<!-- Allow images, xhrs, etc. to google.com -->
<access origin="http://google.com" />
<access origin="https://google.com" />

<!-- Access to the subdomain maps.google.com -->
<access origin="http://maps.google.com" />

<!-- Access to all the subdomains on google.com -->
<access origin="http://*.google.com" />

<!-- Enable requests to content: URLs -->
<access origin="content:///*" />

<!-- Don't block any requests -->
<access origin="*" />

Без <access> тегов разрешены только запросы к file:// URL. Однако, по умолчанию Cordova приложение включает <access origin="*">.

Примечание: Белый список не может блокировать перенаправления сети с разрешённого удалённого сайта (т.е. http или https) на неразрешённый сайт. Используйте правила CSP для смягчения перенаправлений на неразрешённые сайты для веб-вью, поддерживающих CSP.

Особенности: Android также по умолчанию разрешает запросы к https://ssl.gstatic.com/accessibility/javascript/android/, поскольку это необходимо для корректной работы TalkBack.

Политика безопасности контента

Управляет тем, какие сетевые запросы (изображения, XHR и т.д.) разрешено делать (через веб-вью напрямую).

В Android и iOS белый список сетевых запросов (см. выше) не может отфильтровать все типы запросов (например, <video> и WebSocket не блокируются). Поэтому, помимо белого списка, вы должны использовать политику Content Security Policy <meta> тег на всех ваших страницах.

В Android поддержка CSP в системе веб-вью начинается с KitKat (но доступна во всех версиях с использованием Crosswalk WebView).

Вот несколько примеров объявлений CSP для ваших .html страниц:

<!-- Good default declaration:
    * gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
    * https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
    * Disables use of eval() and inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
        * Enable inline JS: add 'unsafe-inline' to default-src
        * Enable eval(): add 'unsafe-eval' to default-src
-->
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com; style-src 'self' 'unsafe-inline'; media-src *">

<!-- Allow everything but only from the same origin and foo.com -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self' foo.com">

<!-- This policy allows everything (eg CSS, AJAX, object, frame, media, etc) except that 
    * CSS only from the same origin and inline styles,
    * scripts only from the same origin and inline styles, and eval()
-->
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">

<!-- Allows XHRs only over HTTPS on the same domain. -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self' https:">

<!-- Allow iframe to https://cordova.apache.org/ -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; frame-src 'self' https://cordova.apache.org">