Аутентифицировать UBER API через AngularJS 6 & Node - PullRequest
Новая
       35

Аутентифицировать UBER API через AngularJS 6 & Node

0 голосов
/ 16 октября 2018

Я работаю над приложением, в этом приложении мы используем UBER API.Я использую NODE в качестве бэкэнда и AngularJS 6 в качестве внешнего интерфейса.

Рабочий процесс enter image description here

В части NODE у меня есть аутентификация доступа и другие UBER API.Я проверил через JQuery.Работает отлично.Но когда я пытаюсь получить доступ к AngularJS 6. Я получаю следующую ошибку. 

SyntaxError: Unexpected token h in JSON at position 0 at JSON.parse (<anonymous>) at XMLHttpRequest.onLoad (http://localhost:4200/vendor.js:11697:51) at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (http://localhost:4200/polyfills.js:2743:31) at Object.onInvokeTask (http://localhost:4200/vendor.js:41155:33) at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (http://localhost:4200/polyfills.js:2742:36) at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (http://localhost:4200/polyfills.js:2510:47) at ZoneTask.push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask [as invoke] (http://localhost:4200/polyfills.js:2818:34) at invokeTask (http://localhost:4200/polyfills.js:3862:14) at XMLHttpRequest.globalZoneAwareCallback (http://localhost:4200/polyfills.js:3888:17)
text: "https://login.uber.com/oauth/v2/authorize?response_type=code&redirect_uri=http%3A%2F%2Flocalhost%3A4200%2Flogin&scope=profile%20history%20places%20request&client_id=XXXXXXXXXXXXXXXXXXXXXXXXX"
__proto__: Object
headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ}
message: "Http failure during parsing for http://localhost:1455/api/login"
name: "HttpErrorResponse"
ok: false
status: 200
statusText: "OK"
url: "http://localhost:1455/api/login"
__proto__: HttpResponseBase

Вот мой код NODE 

app.get('/api/login', function(request, response) {
    response.header('Access-Control-Allow-Origin', '*');
    response.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
    response.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');    
    response.setHeader('Access-Control-Allow-Credentials', true);
    var authURL=uber.getAuthorizeUrl(config.uber.scopes);
    response.redirect(authURL);
});

AngularJS 6

data.service.ts 

 UberAuthenticate(){
    return this.http.get('http://localhost:1455/api/login');      
  }

login.components.ts 

export class LoginComponent implements OnInit {
  constructor(private dataService: DataService) {
   }

  ngOnInit() {
    this.dataService.UberAuthenticate().subscribe((response)=>{
      console.log('response is ', response)
    },(error) => {
      console.log('error is ', error)
  })
  }
}

Приложение My Node работает на ПОРТ: 1455, AngularJS ПОРТ: 4200 и URL обратного вызова http://localhost:1455/api/callback.Я также установил некоторые настройки в proxy.config.json 

{
    "/api/*": {
      "target": "http://localhost:1455",
      "secure": false,
      "changeOrigin": false,
      "pathRewrite": {"^/api" : ""}
    }
  }

У меня нет опыта работы с NODE и AngularJS 6. Я не знаю, где я делаю неправильно?

1 Ответ

0 голосов
/ 16 октября 2018

Поскольку конечная точка авторизации возвращает обычную текстовую ссылку, вам нужно указать ее в угловом формате в вашей службе следующим образом: 

UberAuthenticate(){
    return this.http.get('http://localhost:1455/api/login', { responseType: 'text' });      
}

А в части NodeJS вам придется вернуть URL авторизацииперенаправление должно быть выполнено на стороне интерфейса.

...