Как использовать ngrok в сочетании с Google Oauth?

Question

Недавно я установил Ngrok, чтобы протестировать приложение localhost meteor на своем телефоне. Мне удастся получить доступ к приложению метеоров через туннель от ngrok. Однако, когда я пытаюсь войти в систему с помощью я получаю сообщение об ошибке:

Процесс Логин показывает следующее сообщение об ошибке:

400. That’s an error. 

Error: redirect_uri_mismatch 

Application: AppName 

You can email the developer of this application at: my@emailadress.com 

The redirect URI in the request, http://localhost:7123/_oauth/google, 
does not match the ones authorized for the OAuth client. 

Обновление Уполномоченные происхождение JavaScript & перенаправления URI, к Ngrok адреса пересылки, Безразлично» t имеют эффект.

Как правильно использовать ngrok в сочетании с Google Oauth?

Любая помощь будет принята с благодарностью

Answer 1

Он пытается использовать http://localhost:7123/_oauth/google вместо более ngrok типа URL, которые могут быть, например: https://fd4fdbbb.ngrok.io/_oauth/google

Вы можете проверить параметры, которые вы используете для запуска приложение и переменные среды тоже.

Например, я обычно использую

ServiceConfiguration.configurations.upsert(
    { service: 'facebook' }, 
    { 
     $set: { 
      appId: process.env.facebookConsumerKey, 
      secret: process.env.facebookConsumerSecret, 
      loginStyle: 'popup' 
     } 
    } 
); 

и запустить метеорит с помощью Баш скрипт, который выглядит как:

#!/bin/bash 

export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm 

nvm install 4.4.7 

IP_ADDRESS=`ifconfig | grep -Eo 'inet (addr:)?([0-9]*\.){3}[0-9]*' | grep -Eo '([0-9]*\.){3}[0-9]*' | grep -v '127.0.0.1' | grep -v '10.0.0.1'` echo "Starting app on: $IP_ADDRESS:3000" 

# NODE_DEBUG=request \ 
# facebookOAuthRedirectURL=http://$IP_ADDRESS:3000/_oauth/facebook \ 

facebookAppName="BlahApp - local dev" \ 
facebookConsumerKey=12345 \  
facebookConsumerSecret=xxxxxx \ 
facebookOAuthRedirectURL=http://$IP_ADDRESS:3000/_oauth/facebook \ 
MONGO_URL=mongodb://$IP_ADDRESS:27017/staging-blah-app \ 
ROOT_URL=http://$IP_ADDRESS:3000 \ 
BIND_IP=$IP_ADDRESS \ 
MOBILE_DDP_URL=http://$IP_ADDRESS \  
MOBILE_ROOT_URL=http://$IP_ADDRESS \ 
meteor --port $IP_ADDRESS:3000 --settings development-settings.json 

Таким образом, вы можете, вместо использования googleOAuthRedirectURL=http://$IP_ADDRESS:3000/_oauth/google можно использовать https://fd4fdbbb.ngrok.io/_oauth/google

Answer 2

Используйте ngrok и измените URL-адрес корня на тот, который указан ngrok.

ROOT_URL=http:XXXXXXXX.ngrok.io meteor для начала метеор.

Answer 3

Проблема заключалась в том, что переменная среды не была прочитана метеоритом, и хотя она была перезаписана на стороне клиента, каким-то образом сервер подключился к Google с неправильным URL-адресом обратного вызова.

Теперь для решения ...Я начал, гарантируя, что настройки в конфигурации службы Google обнуления, запустив в терминале после убийства приложения:

meteor reset 

В отдельном терминале, я тогда начал ngrok генерировать ссылку туннеля:

./ngrok http 7123 

Уступая связь туннеля:

http://adba9b9f.ngrok.io/ 

в отдельном терминале я начинаю мое приложение, назначив его «порт 7123» и установка «http://adba9b9f.ngrok.io» как абсо luteUrl так:

ROOT_URL=http://adba9b9f.ngrok.io meteor --port 7123 

Для подтверждения того, что эта команда была выполнена, я напечатал это в браузер консоли

Meteor.absoluteUrl() 

Отклик:

"http://adba9b9f.ngrok.io" 

Указывает, что Meteor. Команда absoluteUrl() прошла успешно.

Далее я доступ мое приложение через «http://adba9b9f.ngrok.io» туннель и нажал на кнопку «Настройка Google», где РАДОСТНО заметил, что Уполномоченные происхождение JavaScript были приравнены: http://adba9b9f.ngrok.io и Авторизованный перенаправлять Юрис пресет: http://adba9b9f.ngrok.io/_oauth/google

Затем я заполнил раздел «Идентификатор клиента» и «Секрет клиента» с данными из учетных данных google и обновил учетные данные google с помощью сведений о настройке и сохранении настроек кнопки google.

С удовольствием скажу ... Все работает сейчас.