Приложение Ionic отлично работает в браузере, но не работает в devApp и apk для Android

Этот вопрос относится к ionic 3, и я хочу знать, как запустить ионное приложение на реальном устройстве.

Я разработал гибридное приложение, и мне не удалось подключить свое приложение к серверу. Он отлично работает в браузере моего ноутбука. Но не работает в devApp и android apk.

Я пробовал много решений, но не смог найти идеального. Я сделал прокси-сервер для доступа к api с помощью ionic devApp, но он даже не показывает ни одной ошибки.

Думаю, эта проблема связана с CORS.

Я перепробовал много решений что пробовали? Что за сообщение об ошибке? Когда Chrome Dev Tools сообщает, что у вас проблема с cors, значит, это проблема cors.
fastr.de 02.05.2018 00:41

Расскажите, пожалуйста, о предпринятых вами шагах.

Shannon 27.07.2018 06:45
Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
2
2
7 877
7

Ответы 7

CORS не проблема, когда вы создаете свое приложение на реальном устройстве.

Чтобы запустить приложение на устройстве Android:

  1. платформа ionic cordova добавить андроид
  2. ионная кордова сборка Android
  3. ionic cordova запустить android (подключите ваше устройство перед выполнением этого)

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

mahendra rajput 02.05.2018 07:23

что такое DevApp?

Prasheel 02.05.2018 07:24

он используется для тестирования нашего приложения на реальном устройстве

mahendra rajput 02.05.2018 07:27

Вы выполнили шаги, которые я упомянул в своем ответе?

Prasheel 02.05.2018 07:28

Включена ли в устройстве отладка по USB?

Prasheel 02.05.2018 07:32

Я пытаюсь протестировать приложение на мобильном устройстве Android с помощью ionic DevApp, а сеть - это Wi-Fi (я не уверен, что это проблема, хотя я взял IP-адрес из ipconfig и использовал его - в браузере ноутбука приложение работает нормально, но ...), также когда я пытаюсь попасть на самую первую страницу входа, ionic serve -c ---> показывает журнал консоли, и в нем я вижу, что запрос выполняется, но нет ответа - в модуле node api cors используется, а остальная часть настольного приложения работает нормально. застрял только на этом.

mahendra rajput 02.05.2018 07:40

вы открываете свое приложение в браузере на мобильном телефоне? Почему вы берете IP из ipconfig?

Prasheel 02.05.2018 07:45

нет, на мобильном устройстве я использую ionic DevApp для тестирования приложения, ipconfig, чтобы убедиться, что я использую правильную сеть

mahendra rajput 02.05.2018 07:48

просто сделайте одну вещь, запустите ionic cordova build android, после этого перейдите на платформы / android / и скопируйте сгенерированный файл .apk на свое устройство, установите его, а затем запустите приложение

Prasheel 02.05.2018 07:57

Попробуйте переустановить плагин cordova-plugin-whitelist.

У меня такая же проблема. Но я просто удалил и снова установил ionic DevApp, и он решил эту проблему.

Попробуйте использовать команду ionic serve -c this для просмотра приложения в Ionic devApp

Используйте дополнительный параметр --devapp при запуске вашей ионной службы.

ionic serve --devapp

Должно работать сейчас.

Для меня было необходимо разрешить порт 8100 в моем брандмауэре. Дальше все работает.

Я не уверен, помогает ли это сейчас - в вашем DevAPp у вас есть настройки, в которых вы можете вручную ввести IP-адрес и порт. Это будет частный IP (192.x.x.x) и 8100, который отображается, когда вы запускаете ionic serve --devapp с терминала.

Другие вопросы по теме