Настройка переменных среды для мобильного приложения Azure ABP.IO React

Я создал и развернул проект abp.io в Azure. Я успешно создал БД и веб-приложение.

Теперь я изучаю мобильный интерфейс React. Я пытаюсь указать приложение React на локальном хосте или на сервере Azure.

Я установил переменные среды apiUrl и эмитент для своего IP-адреса и моего веб-сайта Azure на основе документации (https://docs.abp.io/en/abp/latest/Getting-Started-React-Native) и получите ту же ошибку, которая показана ниже.

Ошибка локального хоста:

Network Error

The above error occurred in task fetchAppConfig
    created by takeLatest(app/fetchAppConfigAsync, fetchAppConfig)
    created by _callee
    created by rootSaga
Tasks cancelled due to error:
takeLatest(app/fetchAppConfigAsync, fetchAppConfig)
takeLatest(app/setLanguageAsync, setLanguage)
takeLatest(app/logoutAsync, logout)

Ошибка Azure:

Request failed with status code 500
- node_modules\axios\lib\core\createError.js:15:17 in createError
- node_modules\axios\lib\core\settle.js:16:9 in settle
- node_modules\axios\lib\adapters\xhr.js:53:6 in handleLoad
- node_modules\event-target-shim\dist\event-target-shim.js:818:20 in EventTarget.prototype.dispatchEvent
- node_modules\react-native\Libraries\Network\XMLHttpRequest.js:592:4 in setReadyState
- node_modules\react-native\Libraries\Network\XMLHttpRequest.js:395:6 in __didCompleteResponse   
- node_modules\react-native\Libraries\vendor\emitter\EventEmitter.js:189:10 in emit
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:416:4 in __callFunction
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:109:6 in __guard$argument_0  
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:364:10 in __guard
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:108:4 in callFunctionReturnFlushedQueue
* [native code]:null in callFunctionReturnFlushedQueue

The above error occurred in task fetchAppConfig
    created by takeLatest(app/fetchAppConfigAsync, fetchAppConfig)
    created by _callee
    created by rootSaga
Tasks cancelled due to error:
takeLatest(app/fetchAppConfigAsync, fetchAppConfig)
takeLatest(app/setLanguageAsync, setLanguage)
takeLatest(app/logoutAsync, logout)

Animated: `useNativeDriver` was not specified. This is a required option and must be explicitly set to `true` or `false`
.
.
.
* [native code]:null in callFunctionReturnFlushedQueue

person INeedHelpPlz    schedule 22.01.2021    source источник
comment
Я обнаружил аналогичную проблему в поддержке abp, но без решения. support.abp.io/QA/Questions/ 682 /   -  person INeedHelpPlz    schedule 22.01.2021
comment
›Приложение React Native не доверяет автоматически сгенерированному сертификату .NET HTTPS. Вы должны использовать HTTP во время разработки. Приложение React Native, работающее на эмуляторе Android или на физическом телефоне, не может подключиться к бэкэнду на локальном хосте. Убедитесь, что серверная часть запущена на локальном IP-адресе и HTTP. Затем вам следует соответствующим образом обновить URL-адреса в Environment.js. Если вы по-прежнему видите ошибки после применения конфигурации, о которой я упоминал выше, поделитесь журналами ошибок серверной части.   -  person Mehmet Erim    schedule 26.01.2021


Ответы (1)


У меня была такая же проблема, и я сделал следующее:

  1. Использование HTTP, а не HTTPS [я думаю, это может решить вашу проблему с лазурным]
  2. Использование Conveyor вместо этого для получения URL-адреса моего локального веб-приложения использования localhost в качестве localhost не определен для мобильных
person Ahmed Khaled    schedule 25.01.2021
comment
У меня это сработало, спасибо. - person INeedHelpPlz; 26.01.2021
comment
Добро пожаловать, желаю вам удачного кодирования - person Ahmed Khaled; 01.02.2021