Implementing dynamic URLs using static routing in Express

Question

Implementing dynamic URLs using static routing in Express

I'm looking for a way to render a page statically in Express that involves using a dynamic URL.

For example,

In my forum, users create posts and each post has its unique URL that shows the post when clicked:

localhost:8080/posts/postNumber

Currently, I have a static HTML page at localhost:8080/posts/.

I want the dynamic links that users click to display the content of the static page at localhost:8080/posts/, but still show the original dynamic URL localhost:8080/posts/postNumber, so I can use the post number with an AJAX request.

Is there a way to achieve this without resorting to dynamic rendering as I am attempting?

javascript ajax express routes

Answer 1

Answer №1

If you need to define URL parameters, you can do it in the following way:

app.get('/posts/:postNumber/', function (req, res) {
   // Here you can work with req.params that will hold
   // {postNumer: yourValue}

    var options = {
        root: __dirname + '/public/',
        dotfiles: 'deny',
        headers: {
          'x-timestamp': Date.now(),
          // any other needed headers
        }
    };

    var fileName = 'staticFileName';
    res.sendFile(fileName, options, function (err) {
       if (err) {
         next(err);
       } else {
         console.log('Sent:', fileName);
       }
    })
})

This code snippet will correspond to /posts/[anything_you_want] and transmit the specified filename fileName from the directory set in the options. This information is sourced from the express 4 documentation available at: http://expressjs.com/en/api.html#res.sendFile

Answer 2

If you need to define URL parameters, you can do it in the following way:

app.get('/posts/:postNumber/', function (req, res) {
   // Here you can work with req.params that will hold
   // {postNumer: yourValue}

    var options = {
        root: __dirname + '/public/',
        dotfiles: 'deny',
        headers: {
          'x-timestamp': Date.now(),
          // any other needed headers
        }
    };

    var fileName = 'staticFileName';
    res.sendFile(fileName, options, function (err) {
       if (err) {
         next(err);
       } else {
         console.log('Sent:', fileName);
       }
    })
})

This code snippet will correspond to /posts/[anything_you_want] and transmit the specified filename fileName from the directory set in the options. This information is sourced from the express 4 documentation available at: http://expressjs.com/en/api.html#res.sendFile

Implementing dynamic URLs using static routing in Express

Answer №1

Similar questions

Exploring object manipulation and generating unique identifiers by combining values - a beginner's guide

When attempting to use the search bar to filter in ReactJs, an error occurs: TypeError - Unable to access properties of undefined (specifically 'filter')

There are no functions or classes returned when using NPM Link with the module

React: Import default export as a string

Guide on transferring files and directories to a functioning directory within a Dockerfile

Tips for performing an integration test on a material UI <Slider /> component using either userEvent or fireEvent

Which specific html container or element can be found on the mymsn pages?

Error with XMLHTTPRequest loading in beforeunload/unload event handlers in iOS 13.4.1 encountered

Editing an XML file on the browser and saving it in its original location on the local file system

Building the logic context using NodeJS, SocketIO, and Express for development

Can you terminate an AJAX request sent to a Windows server 2012 / IIS8?

Using ES6 syntax, ignite the React function

a guide to presenting information in a horizontal layout within a single table using the Laravel framework and Vue.js

Adding a regional iteration of a library that was unable to be loaded

Instructions on how to activate scrolling for a div element that becomes visible upon clicking a button

The impressive Mean.io framework integrated with the powerful socket.io technology

Ways to verify if TypeScript declaration files successfully compile with local JavaScript library

Issue with resetting Knockout.JS array - unable to make it work

JavaScript encountered an issue as it attempted to reference the variable "button" which was

What is the best way to store HTML in a variable as a string?