Authorization Code flow not working

[AvoH]

Getting validation error during Authorization for an API using flow=accessCode:

"Validation Erroroauth2RedirectUri configuration is not passed. Oauth2 authorization cannot be performed."

Can be reproduced in http://petstore.swagger.io/
GET /pet/findByStatus

[bodnia]

@AvoH oauth2 authorization works only with server and defined oauth2RedirectUrl in config.
Default value is oauth2RedirectUrl: "http://localhost:3200/oauth2-redirect.html". You can use our dev server by running npm run dev, this server is hosted on localhost:3200.
To change this configuration please pass oauth2RedirectUrl to constructor:

const ui = SwaggerUIBundle({
    oauth2RedirectUrl: [here new ouath2 redirect is passed],
    url: "http://petstore.swagger.io/v2/swagger.json",
    dom_id: '#swagger-ui',
    presets: [
      SwaggerUIBundle.presets.apis,
      SwaggerUIStandalonePreset
    ],
    plugins: [
      SwaggerUIBundle.plugins.DownloadUrl
    ],
    layout: "StandaloneLayout"
  })

  window.ui = ui

Please let me know if you have any issues with this and I'll assist.

[bodnia]

@AvoH please re-open in case of any questions

[AvoH]

Thanks, good to know. I couldn't find docs for that parameter. In swagger-ui 2.x I do not define the redirect url, and it is being picked up automatically.
Is there a recommended way to automatically set the oauth2RedirectUrl to redirect back to the same swagger-ui page? I tried setting oauth2RedirectUrl to window.location.href, but it ends up opening a new browser window.
Thanks!

[drmikecrowe]

In swagger-3.x, does oauth2-redirect.html work properly? For me (not sure if this is my app specifically), createForm does NOT redirect back--it returns the JSON directly.

I updated it to use JQuery POST to exchange the token (such as below):

    $.ajax({
      url:     action,
      data:    {
        "code":          qp.code,
        "redirect_uri":  location.protocol + "//" + location.host + location.pathname,
        "grant_type":    "authorization_code",
        "client_secret": auth.clientSecret,
        "client_id":     auth.clientId
      },
      method:  "POST",
      success: function (json) {
        var isValid = ("token_type" in json);
        json.state = "OauthAccessCode";
        oauth2.callback({auth: oauth2.auth, token: json, isValid: true});
        window.close();
      }
    });

[redtachyons]

Same issue, I can't find the config file to set this parameter in swagger 3

[bodnia]

@redtachyons @drmikecrowe currently the flow with redirection is implemented, and support of both: handling redirect and json response from server is under implementation.

[bodnia]

@redtachyons @drmikecrowe @AvoH could you please test pr #2953 if this works for you properly, then it can be merged. Thank you in advance