Ignite-jhipster не работает с серверной частью Jhipster

Я следую этому руководству https://jruddell.com/blog/ignite-jhipster.

Я создаю бэкэнд и запускаю его, я создаю интерфейс и нажимаю приложение на устройстве (avd), я пытаюсь войти в систему с пользователем / пользователем, это не работает, но в Интернете http: // локальный: 8080 / работает хорошо.

AppConfig.js

export default {
  apiUrl: 'http://localhost:8080',
  appUrlScheme: 'mobile',
  // font scaling override - RN default is on
  allowTextFontScaling: true
}

Конфигурация response-native изменилась? А как посмотреть логи с ignite-jhispter?

Спасибо

Можете ли вы получить доступ к локальный: 8080 из браузера вашего устройства? Возможно, вам потребуется указать IP-адрес локальной сети вашего компьютера, если нет

Jon Ruddell 01.05.2018 16:11

Нет, я не могу получить доступ к localhost: 8080 с моего avd, как я могу это настроить?

csu 01.05.2018 16:43

Обычно я использую локальный IP-адрес своего компьютера. Вы также можете использовать 10.0.2.2:8080 См. stackoverflow.com/a/6310592/3737815

Jon Ruddell 01.05.2018 17:31

Я могу получить доступ в браузере avd с 10.0.2.2:8080, поэтому я заменяю apiUrl в AppConfig.js, но запуск приложения в avd не может войти. Кто-нибудь может попробовать учебник, пожалуйста?

csu 01.05.2018 17:37

Вы правы, 10.0.2.2 тоже не работает. Однако использование локального IP-адреса вашего компьютера работает. Я добавил ответ

Jon Ruddell 02.05.2018 03:38
Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
0
5
412
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Когда вы запускаете свой бэкэнд JHipster, он отображает локальный и внешний IP-адреса, по которым доступно ваше приложение. Скопируйте внешний IP-адрес и используйте его в качестве URL-адреса API. http://localhost:8080 будет работать с эмулятором iOS, но не с эмулятором Android, поскольку у него есть собственная служба обратной связи.

----------------------------------------------------------
    Application 'backend' is running! Access URLs:
    Local:      http://localhost:8080
    External:   http://10.0.0.113:8080 <- Use this as your apiUrl for Android
    Profile(s):     [swagger, dev]
----------------------------------------------------------

я использую avd, можно ли увидеть URL-адрес, вызываемый приложением? Запуск C: \ Users \ Me \ AppData \ Local \ Android \ Sdk \ / platform-tools / adb -s emulator-5554 reverse tcp: 8081 tcp: 8081

csu 02.05.2018 14:24

Как упоминалось в файле readme Ignite JHipster, я рекомендую использовать Reactotron для отладки, журналов и сетевых запросов github.com/infinitered/reactotron/tree/v1.x. Вам также нужно будет настроить IP в ReactotronConfig.js. В противном случае используйте стандартные инструменты отладки React Native facebook.github.io/react-native/docs/debugging.html

Jon Ruddell 02.05.2018 15:45

response-native не может получить доступ к серверу localhost

csu 02.05.2018 15:48

Внешний IP-адрес показывает IP-адрес, а не localhost. Я проверил это решение на эмуляторе Android

Jon Ruddell 02.05.2018 16:27

любой IP-адрес тоже не работает, это кажется проблемой, связанной с реакцией на эмулятор Android, но IOS работает хорошо.

csu 02.05.2018 17:16
Ответ принят как подходящий

Наконец то нашел: D

После запуска эмулятора Android:

adb reserve tcp:8080 tcp:8080 

Я должен указать порт при запуске приложения:

react-native run-android --port 8080

И, конечно же, как вы сказали, используйте этот IP 10.0.2.2 в AppConfig.js

export default {
  apiUrl: 'http://10.0.2.2:8080',
  appUrlScheme: 'mobile',
  allowTextFontScaling: true
}

Теперь он работает на моем avd.

Флаг --port запускает упаковщик React Native на этом порту, я не думаю, что он делает то, что вы ожидаете.

Jon Ruddell 03.05.2018 17:19

У меня другая проблема: не могу обновить, когда я дважды нажимаю «R», он вызывает 10.0.2.2:8181/index.delta? [...]. Порт 8181 уже используется McAfee.

csu 03.05.2018 17:41

Попробуйте использовать --port 8083, 8080 используется вашим сервером, а порт по умолчанию для упаковщика React Native - 8081, но он используется McAfee kc.mcafee.com/corporate/index?page=content&id=KB66797

Jon Ruddell 03.05.2018 17:50

Работает с этим решением stackoverflow.com/questions/37376512/…

csu 03.05.2018 22:06

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