Ионный - нет подключения к Интернету

Мы строим приложение для Android с использованием ионного (+ Cordova).Ионный - нет подключения к Интернету

Это все работает в моем браузере, но когда я построить и запустить .apk это происходит:

Внешних изображения не будут появляться, и поместить его карта Google остается пустой. Следующий код на нашем index.html:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title></title> 
    <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above 
    <link href="css/ionic.app.css" rel="stylesheet"> 
    --> 

    <!-- ionic/angularjs js --> 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 
    <script src="js/ng-cordova.min.js"></script> 

    <!-- cordova script (this will be a 404 during development) --> 
    <script src="cordova.js"></script> 

    <!-- your app's js --> 
    <script src="js/app.js"></script> 
</head> 
<body ng-app="starter"> 

    <ion-pane> 
      <ion-header-bar class="bar-stable"> 

      </ion-header-bar> 
      <ion-content> 
      <div class="main" role="main"> 

       <p id="geolocation">Finding geolocation...</p> 
       <img src="http://placehold.it/350x150.png" alt="no image" /> 

       <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d635472.0298105411!2d5.1189025!3d51.525825749999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1snl!2snl!4v1432033961557" width="600" height="450" frameborder="0" style="border:0"></iframe> 
      </div> 
      </ion-content> 
    </ion-pane> 
</body> 
</html>

В config.xml мы создали следующие строки сразу после закрытия тега:

<allow-navigation href="*" /> 
<allow-intent href="*" />

источник

2015-05-19 Bart Roelofs

Какое у вас разрешение на интернет? –

Возможный дубликат [Проблема с Android Hybid app для отображения удаленного изображения с помощью Ionic framework?] (Http://stackoverflow.com/questions/29912773/issue-with-android-hybid-app-to-display-remote-image- с-ионной каркас) – Keval

@mahdi pishguy ты имеешь в виду эту линию? –

Проверьте ваш манифест, чтобы ваше приложение пользоваться Интернетом.

<uses-permission android:name="android.permission.INTERNET" />

Если вы используете Кордову 5 (Android платформы версии 4.0.0), то вы должны включать в себя белый список плагинов, а также новый content security policy мета-тег, чтобы позволить Google Maps API для загрузки, как это (на верхней части вашего HTML-файл вместе с остальными мета-теги):

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

EDIT: Проверьте также ваш config.xml какой доступ вы даете:

<access origin="*" />

например, чтобы разрешить все соединения

Если это не сработает, пожалуйста, проверьте свои журналы и разместите любые ошибки.

источник

2015-05-19 12:07:03 JcDenton86

Сделал трюк, спасибо! –

У меня была такая же проблема, добавив, что 'android.permission.INTERNET' сделал трюк, я понятия не имею, как было удалено это разрешение! – Azmeer

Ионный - нет подключения к Интернету

ответ

Смежные вопросы