Finding the destination URL after a redirect using JavaScript

Question

Finding the destination URL after a redirect using JavaScript

<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

<script>
function updateRedirectURL(){
    var clientID = "hgffgh";
    var clientSecret = "fgfhgfh";
    var callbackUri = "https://login.live.com/oauth20_desktop.srf";
    
    var tokenUri = "https://www.box.com/api/oauth2/token";
    var authUri = "https://www.box.com/api/oauth2/authorize?"+
            "client_id="+clientID+
            "&response_type=code"+
            "&redirect_uri="+callbackUri

    //var web = window.open(authUri);
    //console.log(web.location.href); 
    
    var win = window.open(authUri, "windowname1", 'width=800, height=600'); 

    //alert(win)
}
</script>

After clicking on allow in the newly opened window, how can I retrieve the URL of the final redirection?

javascript http-redirect

Answer 1

Answer №1

IMPORTANT: You have the ability to define variables in a redirect URL.

Prior to transitioning to the next page, specify "redir" as the URL for redirection (location.href) in your link, but make sure it is encoded as shown below:

"https://www.box.com/api/oauth2/authorize?redir=" + encodeURIComponent(location.href)

To obtain the redirect page, retrieve the variable "redir" from the current URL. Refer to this post. Subsequently, once you have obtained "redir", decode it:

var redirectPage = decodeURIComponent(url);

Answer 2

IMPORTANT: You have the ability to define variables in a redirect URL.

Prior to transitioning to the next page, specify "redir" as the URL for redirection (location.href) in your link, but make sure it is encoded as shown below:

"https://www.box.com/api/oauth2/authorize?redir=" + encodeURIComponent(location.href)

To obtain the redirect page, retrieve the variable "redir" from the current URL. Refer to this post. Subsequently, once you have obtained "redir", decode it:

var redirectPage = decodeURIComponent(url);

Answer 3

Answer №2

To achieve this using NodeJS, you can implement the following code:

var url = 'http://www.google.com';
request({ url: url, followRedirect: false }, function (err, res, body) {
  console.log(res.headers.location);
});

For more information, refer to this stackoverflow answer.

Alternatively, there is another solution provided in a discussion on Google Groups which involves correcting code errors from an answer available on GitHub. This solution also utilizes NodeJs JavaScript. Here's the corresponding piece of code:

var sys = require('system');
var pageUrl = ( sys.args[1] ) ? sys.args[1] : phantom.exit(0);

function forceExit(){
    phantom.exit(0);
}

var renderPage = function (url) {
    var page = require('webpage').create();
    
    page.onNavigationRequested = function(url, type, willNavigate, main) {
        var tmpUrl = ( url.substr(url.length - 1) != '/' ) ? url+'/' : url;
        var tmpPageUrl = ( pageUrl.substr( pageUrl.length - 1) != '/' ) ? pageUrl+'/' : pageUrl;
        console.log(tmpUrl,tmpPageUrl);
        if (main && tmpUrl!=tmpPageUrl ) {
            pageUrl = url;
            sys.stdout.write(url+'\n');
            setTimeout(forceExit,100 );
        }
    };

    page.open(url, function(status) {
        if ( status !== 'success' ) {
            phantom.exit( 1 );
        } else {
            phantom.exit( 0 );
        }
    },100);

    setTimeout(forceExit,2000 );
};

renderPage( pageUrl );

Answer 4

To achieve this using NodeJS, you can implement the following code:

var url = 'http://www.google.com';
request({ url: url, followRedirect: false }, function (err, res, body) {
  console.log(res.headers.location);
});

For more information, refer to this stackoverflow answer.

Alternatively, there is another solution provided in a discussion on Google Groups which involves correcting code errors from an answer available on GitHub. This solution also utilizes NodeJs JavaScript. Here's the corresponding piece of code:

var sys = require('system');
var pageUrl = ( sys.args[1] ) ? sys.args[1] : phantom.exit(0);

function forceExit(){
    phantom.exit(0);
}

var renderPage = function (url) {
    var page = require('webpage').create();
    
    page.onNavigationRequested = function(url, type, willNavigate, main) {
        var tmpUrl = ( url.substr(url.length - 1) != '/' ) ? url+'/' : url;
        var tmpPageUrl = ( pageUrl.substr( pageUrl.length - 1) != '/' ) ? pageUrl+'/' : pageUrl;
        console.log(tmpUrl,tmpPageUrl);
        if (main && tmpUrl!=tmpPageUrl ) {
            pageUrl = url;
            sys.stdout.write(url+'\n');
            setTimeout(forceExit,100 );
        }
    };

    page.open(url, function(status) {
        if ( status !== 'success' ) {
            phantom.exit( 1 );
        } else {
            phantom.exit( 0 );
        }
    },100);

    setTimeout(forceExit,2000 );
};

renderPage( pageUrl );

Answer 5

Answer №3

It is not within the realm of possibility. The capabilities of JavaScript are restricted to extracting information solely from its own webpage.

Answer 6

It is not within the realm of possibility. The capabilities of JavaScript are restricted to extracting information solely from its own webpage.

Finding the destination URL after a redirect using JavaScript

Answer №1

Answer №2

Answer №3

Similar questions

UI-Router - templateUrl: "Ensure the content is securely delivered via HTTPS"

Changing the href attribute of a link element when it is clicked

What is the method for incorporating a 3rd party npm module without utilizing npm install?

Is it important to maintain the scroll to top button at a consistent height?

Calculating date discrepancies with JavaScript

What could be the reason for my inability to transmit Express response object through SocketIO?

`meteor.js and npm both rely on the fs module for file

Utilizing the index of a generic type within TypeScript

Once the form is submitted, Vue automatically resets all the data

Running a function exclusively within a single div using Angular 2

Using the v-for directive before applying the Vue directive

Uploading an image using ajax with multer

Is there a way to continue a failed fetch request?

React Native issue: why are my variables resetting mysteriously?

Is there a way for me to access the current templating in AngularJS?

Develop a fresh AngularJS directive that utilizes the HTML5 audio element

Achieving data synchronization and sequencing with AngularJS promises at a 1:1 ratio

Tips for patiently awaiting the completion of an API's creation and local audio file writing process prior to uploading it to an S3 bucket

Switching HTML text by clicking or tapping on it

A useful method for adding an element to a variable to display in a React component