PhoneGap не хочет использовать сервис REST, независимо от того, что я делаю

Question

PhoneGap не хочет использовать сервис REST, независимо от того, что я делаю

0

У меня есть приложение PhoneGap, с которым я использую AngularJS. Я использую довольно простой вызов $ http для моего внутреннего узла:

$http.get("http://localhost:6969/random")
   .then(function(response) {
        $scope.images = response.data;
  });

Независимо от этого, PhoneGap никогда не попадает в бэкэнд. Я тестировал его в обычном браузере, и он работает так, как ожидалось.

Я, очевидно, прочитал кучу об этом, и большинство людей исправило это, используя белый список, но в моем config.xml мой белый список примерно такой же открытый, насколько это возможно:

<plugin name="cordova-plugin-whitelist" source="npm" spec="1.1.0" />
  <allow-navigation href="*" subdomains="true" />
  <allow-intent href="*" subdomains="true"/>
  <access origin="*" subdomains="true"/> <!-- Required for iOS9 -->

Что мне нужно изменить? Борьба с этой ошибкой в течение нескольких выходных дней, и это немного раздражает, чтобы не создавать реальные интересные функции в свободное время.

EDIT: я обслуживаю приложение, используя phonegap serve и тестирую ее с помощью приложения PhoneGap Developer.

Jaron Thatcher 20 апр. 2016, в 02:11

Источник

0

Вы установили плагин белого списка? Что возвращает плагин Cordova -l?
user1027620 20 апр. 2016, в 00:04
0

Да, я просто попытался переустановить его, чтобы убедиться, и он говорит, что client git:(master) ✗ cordova plugin add cordova-plugin-whitelist Plugin "cordova-plugin-whitelist" already installed on android. Plugin "cordova-plugin-whitelist" already installed on browser.
Jaron Thatcher 20 апр. 2016, в 00:07
0

Извините, @user1027620 user1027620 здесь выводится cordova plugin -l : cordova-plugin-whitelist 1.2.2-dev "Whitelist"
Jaron Thatcher 20 апр. 2016, в 00:09
0

@user1027620 user1027620 Для большей ясности добавлено немного информации внизу поста.
Jaron Thatcher 20 апр. 2016, в 00:11
0

Проблема касается только Android?
user1027620 20 апр. 2016, в 00:20
0

@user1027620 user1027620 Сейчас я тестирую приложение PhoneGap Developer на Android, поэтому я не уверен. Он работает в браузере на моем рабочем столе, в браузере на моем телефоне, но не в приложении PhoneGap Developer.
Jaron Thatcher 20 апр. 2016, в 00:28
0

У меня нет опыта работы с приложением для разработчиков PG, но попробуйте удалить и переустановить плагин. Это может звучать глупо, но иногда это работает.
user1027620 20 апр. 2016, в 00:34
0

@user1027620 user1027620 Я попробовал, и, к сожалению, не повезло :( действительно запутался в том, что происходит
Jaron Thatcher 20 апр. 2016, в 00:37
0

Может быть, это поможет: github.com/phonegap/connect-phonegap/issues/… Достигнет ли ваш запрос ваш API, если вы опустите параметр data?
user1027620 20 апр. 2016, в 00:41
0

Как выглядит ваш метатег Content Security Policy в заголовке вашего index.html, также вы можете открыть браузер на своем устройстве и «увидеть» свой сервер по адресу localhost: 6969 / random, чтобы убедиться, что это не проблема DNS?
Simon Prickett 20 апр. 2016, в 00:52
0

@SimonPrickett Я могу использовать API без проблем, он настроен идеально, насколько я могу судить. Что касается моего CSP, я пробовал <meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src: 'self' 'unsafe-inline' 'unsafe-eval'" /> а также ничего, но пока ничего не получилось
Jaron Thatcher 20 апр. 2016, в 01:01

Показать ещё 9 комментариев

Теги:

angularjs

cordova

phonegap-cli

1 ответ

Ещё вопросы

Вы установили плагин белого списка? Что возвращает плагин Cordova -l?
Да, я просто попытался переустановить его, чтобы убедиться, и он говорит, что client git:(master) ✗ cordova plugin add cordova-plugin-whitelist Plugin "cordova-plugin-whitelist" already installed on android. Plugin "cordova-plugin-whitelist" already installed on browser.
Извините, @user1027620 user1027620 здесь выводится cordova plugin -l : cordova-plugin-whitelist 1.2.2-dev "Whitelist"
@user1027620 user1027620 Для большей ясности добавлено немного информации внизу поста.
@user1027620 user1027620 Сейчас я тестирую приложение PhoneGap Developer на Android, поэтому я не уверен. Он работает в браузере на моем рабочем столе, в браузере на моем телефоне, но не в приложении PhoneGap Developer.
У меня нет опыта работы с приложением для разработчиков PG, но попробуйте удалить и переустановить плагин. Это может звучать глупо, но иногда это работает.
@user1027620 user1027620 Я попробовал, и, к сожалению, не повезло :( действительно запутался в том, что происходит
Может быть, это поможет: github.com/phonegap/connect-phonegap/issues/… Достигнет ли ваш запрос ваш API, если вы опустите параметр data?
Как выглядит ваш метатег Content Security Policy в заголовке вашего index.html, также вы можете открыть браузер на своем устройстве и «увидеть» свой сервер по адресу localhost: 6969 / random, чтобы убедиться, что это не проблема DNS?
@SimonPrickett Я могу использовать API без проблем, он настроен идеально, насколько я могу судить. Что касается моего CSP, я пробовал <meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src: 'self' 'unsafe-inline' 'unsafe-eval'" /> а также ничего, но пока ничего не получилось

Simon Prickett · Accepted Answer · 2016-04-19T22-24-00.000Z

Я бы предложил, чтобы ваша политика безопасности контента, возможно, понадобилась изменить, чтобы включить предложение connect-src, чтобы указать, куда могут обращаться запросы Ajax.

Принимая метатег CSP, который вы разместили в комментариях:

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src: 'self' 'unsafe-inline' 'unsafe-eval'"/>

Я бы предложил внести поправки в это, чтобы открыть Ajax-запросы в любом месте, посмотреть, поможет ли это затем правильному домену, который вы хотите поддержать.

Предлагаемый CSP будет:

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; connect-src *">

Если это работает и вы хотите заблокировать до одного домена позже, вам нужно что-то вроде:

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; connect-src http://api.mydomain.com">

Кроме того, я думаю, вам нужно будет изменить код приложения для подключения к вашему серверу по имени хоста или IP-адресу, чтобы на устройстве он не путал "localhost" с самим устройством и пытался подключиться к порту 6969 на Устройство.

Так:

$http.get("http://localhost:6969/random")

Может понадобиться стать:

$http.get("http://myhost.mydomain.com:6969/random")

Или

$http.get("http://xxx.xxx.xxx.xxx:6969/random")

Там некоторые ресурсы в этом онлайн:

Это не сильно изменилось с первой попытки. Я читаю ваш пост и надеюсь, что это поможет. Есть ли изменение, что приложение PhoneGap Developer не учитывает изменения в моем config.xml или теге <meta>?
Вы пробовали развернуть по-настоящему на устройстве / эмуляторе? К сожалению, я не знаком с тонкостями приложения PhoneGap Developer.
Пока нет, потому что я более или менее создавал прототипы, но похоже, что мне придется начать тестировать на эмуляторе, а не на этом приложении. Я вернусь сюда и обновлю то, что узнаю. Спасибо за вашу помощь до сих пор!
Из моего поста в блоге обратите внимание, что в комментариях к более новым версиям Cordova вам не требуется управлять не-SSL бэкэндами в .plist на iOS, поскольку CLI делает это за вас, хотя вам все равно нужно правильно настроить Политику безопасности контента. случаев.
Вы также можете попробовать использовать IP-адрес бэкэнда, а не localhost, чтобы убедиться, что он разрешается правильно и что приложение PhoneGap не пытается сделать запрос на localhost, являющийся самим телефоном.
Привет @SimonPrickett, как только ты упомянул несоответствие localhost , я понял, что это было причиной. Глупая ошибка, но после развертывания на Heroku она отлично загружается. Если вы хотите изменить свой ответ, чтобы включить его, я приму его как можно скорее. Большое спасибо за ваш острый глаз!
Это был последний CSP, в котором я получил <meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline' 'unsafe-eval';">