Jak przekierować w expressjs, przekazując jakiś kontekst?

Używam ekspresu, aby stworzyć aplikację internetową w node.js. Jest to uproszczenie tego, co mam:

var express = require('express');
var jade = require('jade');
var http = require("http");


var app = express();
var server = http.createServer(app);

app.get('/', function(req, res) {
    // Prepare the context
    res.render('home.jade', context);
});

app.post('/category', function(req, res) {
    // Process the data received in req.body
    res.redirect('/');
});

Mój problem jest następujący:

Jeśli stwierdzę, że dane zostały wysłane /category nie sprawdzają się, chciałbym przekazać stronie dodatkowy kontekst /. Jak mogłem to zrobić? Wydaje się, że przekierowanie nie pozwala na żaden dodatkowy parametr.

Istnieje kilka sposobów przekazywania danych na różne trasy. Najbardziej poprawną odpowiedzią są oczywiście ciągi zapytań. Musisz upewnić się, że wartości są prawidłowo encodeURIComponent i decodeURIComponent .

app.get('/category', function(req, res) {
  var string = encodeURIComponent('something that would break');
  res.redirect('/?valid=' + string);
});

Możesz złapać to na drugiej trasie, wysyłając parametry za pomocą req.query.

app.get('/', function(req, res) {
  var passedVariable = req.query.valid;
  // Do something with variable
});

Aby uzyskać bardziej dynamiczny sposób, możesz użyć urlmodułu podstawowego do wygenerowania ciągu zapytania:

const url = require('url');    
app.get('/category', function(req, res) {
    res.redirect(url.format({
       pathname:"/",
       query: {
          "a": 1,
          "b": 2,
          "valid":"your string here"
        }
     }));
 });

Więc jeśli chcesz przekierować wszystkie zmienne ciągu zapytania, możesz to zrobić

res.redirect(url.format({
       pathname:"/",
       query:req.query,
     });
 });

A jeśli używasz Węzła> = 7.x, możesz również użyć querystringmodułu podstawowego

const querystring = require('querystring');    
app.get('/category', function(req, res) {
      const query = querystring.stringify({
          "a": 1,
          "b": 2,
          "valid":"your string here"
      });
      res.redirect('/?' + query);
 });

Innym sposobem na zrobienie tego jest ustawienie czegoś w sesji. Tutaj możesz przeczytać, jak to ustawić , ale ustawianie i uzyskiwanie dostępu do zmiennych jest mniej więcej takie:

app.get('/category', function(req, res) {
  req.session.valid = true;
  res.redirect('/');
});

A później po przekierowaniu ...

app.get('/', function(req, res) {
  var passedVariable = req.session.valid;
  req.session.valid = null; // resets session variable
  // Do something
});

Istnieje również możliwość korzystania starą cechę Express req.flash. W nowszych wersjach Express będzie to wymagało użycia innej biblioteki. Zasadniczo pozwala skonfigurować zmienne, które będą się wyświetlać i resetować przy następnej wizycie na stronie. Przydaje się do wyświetlania błędów użytkownikom, ale ponownie jest domyślnie usuwany. EDYCJA: Znaleziono bibliotekę, która dodaje tę funkcjonalność.

Mam nadzieję, że da to ogólny pomysł na przekazywanie informacji w aplikacji Express.

Najłatwiejszy sposób, jaki udało mi się przekazać do przesyłania danych między routeHandlerami, aby next()nie trzeba było bałagać się przekierowaniami ani sesjami. Opcjonalnie możesz po prostu zadzwonić homeCtrl(req,res)zamiast next()i po prostu przekazać reqires

var express  = require('express');
var jade     = require('jade');
var http     = require("http");


var app    = express();
var server = http.createServer(app);

/////////////
// Routing //
/////////////

// Move route middleware into named
// functions
function homeCtrl(req, res) {

    // Prepare the context
    var context = req.dataProcessed;
    res.render('home.jade', context);
}

function categoryCtrl(req, res, next) {

    // Process the data received in req.body
    // instead of res.redirect('/');
    req.dataProcessed = somethingYouDid;
    return next();
    // optionally - Same effect
    // accept no need to define homeCtrl
    // as the last piece of middleware
    // return homeCtrl(req, res, next);
}

app.get('/', homeCtrl);

app.post('/category', categoryCtrl, homeCtrl);

Musiałem znaleźć inne rozwiązanie, ponieważ żadne z dostarczonych rozwiązań nie spełniało moich wymagań z następujących powodów:

• Ciągi zapytań : możesz nie chcieć używać ciągów zapytań, ponieważ adresy URL mogą być współużytkowane przez użytkowników, a czasem parametry zapytania nie mają sensu dla innego użytkownika. Na przykład błąd, który ?error=sessionExpirednigdy nie powinien zostać wyświetlony innemu użytkownikowi.

• req.session : Możesz nie chcieć używać, req.sessionponieważ potrzebujesz do tego zależności ekspresowej sesji , która obejmuje skonfigurowanie magazynu sesji (takiego jak MongoDB), który może nie być w ogóle potrzebny, a może już używasz niestandardowego rozwiązanie sklepu sesyjnego.

• next () : Możesz nie chcieć używać next()lub next("router")ponieważ to zasadniczo renderuje twoją nową stronę pod oryginalnym adresem URL, tak naprawdę nie jest to przekierowanie do nowego adresu URL, bardziej jak do przodu / do tyłu, co może być nie do przyjęcia.

To moje czwarte rozwiązanie, które nie cierpi na żadne z poprzednich problemów. Zasadniczo wiąże się to z użyciem tymczasowego pliku cookie, dla którego musisz najpierw zainstalować parser plików cookie . Oczywiście oznacza to, że będzie działać tylko przy włączonych plikach cookie i przy ograniczonej ilości danych.

Przykład realizacji:

var cookieParser = require("cookie-parser");

app.use(cookieParser());

app.get("/", function(req, res) {
    var context = req.cookies["context"];
    res.clearCookie("context", { httpOnly: true });
    res.render("home.jade", context); // Here context is just a string, you will have to provide a valid context for your template engine
});

app.post("/category", function(req, res) {
    res.cookie("context", "myContext", { httpOnly: true });
    res.redirect("/");
}

użyj app.set i app.get

Ustawianie danych

router.get(
  "/facebook/callback",
  passport.authenticate("facebook"),
  (req, res) => {
    req.app.set('user', res.req.user)
    return res.redirect("/sign");
  }
);

Pobieranie danych

router.get("/sign", (req, res) => {
  console.log('sign', req.app.get('user'))
});

Oto, co proponuję bez używania jakiejkolwiek innej zależności, wystarczy węzeł i ekspres, użyj app.locals, oto przykład:

    app.get("/", function(req, res) {
        var context = req.app.locals.specialContext;
        req.app.locals.specialContext = null;
        res.render("home.jade", context); 
        // or if you are using ejs
        res.render("home", {context: context}); 
    });

    function middleware(req, res, next) {
        req.app.locals.specialContext = * your context goes here *
        res.redirect("/");
    }

Możesz przekazać małe bity danych para klucz / wartość przez ciąg zapytania:

res.redirect('/?error=denied');

I javascript na stronie głównej może uzyskać do niego dostęp i odpowiednio dostosować jego zachowanie.

Pamiętaj, że jeśli nie masz nic przeciwko /categorypozostaniu jako adres URL w pasku adresu przeglądarki, możesz po prostu renderować bezpośrednio zamiast przekierowywać. IMHO wiele razy ludzie używają przekierowań, ponieważ starsze frameworki internetowe utrudniały bezpośrednią odpowiedź, ale jest to łatwe w ekspresowym:

app.post('/category', function(req, res) {

  // Process the data received in req.body

  res.render('home.jade', {error: 'denied'});
});

Jak skomentował @ Dropped.on.Caprica, użycie AJAX eliminuje problem zmiany adresu URL.

możemy użyć sesji ekspresowej aby wysłać wymagane dane

podczas inicjalizacji aplikacji

const express = require('express');
const app = express();
const session = require('express-session');
app.use(session({secret: 'mySecret', resave: false, saveUninitialized: false}));

więc przed przekierowaniem zapisz kontekst dla sesji

app.post('/category', function(req, res) {
    // add your context here 
req.session.context ='your context here' ;
    res.redirect('/');
});

Teraz możesz uzyskać kontekst w dowolnym miejscu sesji. można to uzyskać tylko przez req.session.context

app.get('/', function(req, res) {

    // So prepare the context
var context=req.session.context;
    res.render('home.jade', context);
});