Javascript

How to get the Full URL in Express on Node.js

In Express running on Node.js, we have access to the request object, and also we can send a response back to the user via the response object. However, we don’t have access to a simple way of getting the full URL from the request.

Fortunately, it is quite easy to build the full URL from the request object in Express. Let’s look at how it works.

Getting the full URL of a Request in Express

In express, we can display certain content on certain routes like so:

app.get('/page', (req, res, next) => {
    // Show some content to the user
})

Within a route, we can use the req object to get the full URL. The full URL is composed of a few different pieces:

• the protocol of the current URL
• the host of the URL (i.e. the domain name)
• and the page you are on, i.e. /page

To combine all of these from our request, we can run the following:

let fullUrl = req.protocol + '://' + req.get('host') + req.originalUrl;

Note: it is better to use req.get('host'), since it will include the port. So if you’re running on localhost:3000, then :3000 will be included. req.hostname only returns the domain, or localhost - which may cause issues for you in the future.

Therefore, a full URL can be found for any page our route, using the following code:

app.get('/page', (req, res, next) => {
    // Show some content to the user
    let fullUrl = req.protocol + '://' + req.get('host') + req.originalUrl;
})

More Tips and Tricks for Javascript

• Javascript Array Slice Method
• Removing the last element of an array in Javascript
• Inserting an Item into an Array at a Specific Index in Javascript
• Waiting for the DOM to be ready in Javascript
• Making a Morphing 3D Sphere in Javascript with Three.js
• Sharing Screens with the New Javascript Screen Capture API
• Deleting an Item in an Array at a Specific Index
• How fetch works in Javascript
• Javascript Types
• Javascript Proxy: Using Javascript Proxies like a Pro