Як перенаправити URL-адресу браузера користувача на іншу сторінку в Nodejs?


84

У додатку, який я намагаюся написати, головна сторінка ( http: // localhost: 8675 ) має такий вигляд:

<form action='/?joinnew' method='post'>
  <button>Start</button>
</form>

Ось код в server.js:

http.createServer(function(request, response) {
  var root = url.parse(request.url).pathname.split('/')[1];
  if (root == '') {
    var query = url.parse(request.url).search:
    if (query == '?joinnew') {
      var newRoom = getAvaliableRoomId(); // '8dn1u', 'idjh1', '8jm84', etc.
      // redirect the user's web browser to a new url
      // ??? How to do.  Need to redirect to 'http://whateverhostthiswillbe:8675/'+newRoom
...
}}}

Я б дуже хотів, щоб був спосіб зробити це там, де мені не потрібно було знати адресу хосту, оскільки це могло змінюватися.

Об'єкт 'http' - це звичайне вимагання ('http'), НЕ вимагання ('express').


1
Дякуємо за "НЕ експрес ..". Дуже сумно, як Node.js практично "стає" Express.js.
marko-36

Відповіді:


139
response.writeHead(301,
  {Location: 'http://whateverhostthiswillbe:8675/'+newRoom}
);
response.end();

10
У вузлі ви також можете використовувати response.writeHead(301, { Location: '/path' });без повної URL-адреси, корисно, коли заздалегідь ви не знаєте імені хосту або протоколу.
Адріан

1
Використовуйте код 307, якщо ви не хочете, щоб chrome заздалегідь кешував переспрямування! У випадку, перерахованому вище, повернення 301 призведе до того, що браузери ЗАВЖДИ приєднуються до однієї кімнати, навіть коли ваш сервер повідомляє їй іншу / нову кімнату!
Brian Ellis

93

Для тих, хто (на відміну від OP) використовує експрес- lib:

http.get('*',function(req,res){  
    res.redirect('http://exmple.com'+req.url)
})

12
Для відповідного кредиту ... stackoverflow.com/questions/7450940 / ...
David Seholm

2
Чи можна це зробити без пакета 'express'?
Танакі

Дякую. це те, що мені потрібно
liza

2
не відповідає на запитання
Alex Jone

1
@AlexJone Він пропонує додаткову корисну інформацію. Відповіді на SO не завжди слід розглядати як окремі.
Пол Стеліан

34

ОП: "Я б дуже хотів, щоб був спосіб зробити це там, де мені не потрібно було знати адресу хоста ..."

response.writeHead(301, {
  Location: "http" + (request.socket.encrypted ? "s" : "") + "://" + 
    request.headers.host + newRoom
});
response.end();

3

У Express ви можете використовувати

res.redirect('http://example.com');

перенаправити користувача з сервера.

Щоб включити код стану 301 або 302, його можна використовувати

res.redirect(301, 'http://example.com');

1

Якщо ви використовуєте Express, найповніша повна відповідь така

const express = require('express')
const app     = express()

app.get('*', (req, res) => {
  // REDIRECT goes here
  res.redirect('https://www.YOUR_URL.com/')
})

app.set('port', (process.env.PORT || 3000))
const server = app.listen(app.get('port'), () => {})

0

Ви можете використовувати метод res.render () або res.redirect () для переспрямування на іншу сторінку за допомогою node.js express

Наприклад:

var bodyParser = require('body-parser');
var express = require('express');
var navigator = require('web-midi-api');
var app = express();

app.use(express.static(__dirname + '/'));
app.use(bodyParser.urlencoded({extend:true}));
app.engine('html', require('ejs').renderFile);
app.set('view engine', 'html');
app.set('views', __dirname);

app.get('/', function(req, res){
    res.render("index");
});

//This reponds a post request for the login page
app.post('/login', function (req, res) {
    console.log("Got a POST request for the login");
    var data = {
        "email": req.body.email,
        "password": req.body.password
    };

    console.log(data);

    //Data insertion code
    var MongoClient = require('mongodb').MongoClient;
    var url = "mongodb://localhost:27017/";

    MongoClient.connect(url, function(err, db) {
        if (err) throw err;
        var dbo = db.db("college");
        var query = { email: data.email };
        dbo.collection("user").find(query).toArray(function(err, result) {
            if (err) throw err;
            console.log(result);
            if(result[0].password == data.password)


 res.redirect('dashboard.html');
            else


 res.redirect('login-error.html');
            db.close();
        });
    });

});


// This responds a POST request for the add user
app.post('/insert', function (req, res) {
    console.log("Got a POST request for the add user");

    var data = {
        "first_name" : req.body.firstName,
        "second_name" : req.body.secondName,
        "organization" : req.body.organization,
        "email": req.body.email,
        "mobile" : req.body.mobile,
    };

    console.log(data);

    **res.render('success.html',{email:data.email,password:data.password});**

});


//make sure that Service Workers are supported.
if (navigator.serviceWorker) {
    navigator.serviceWorker.register('service-worker.js', {scope: '/'})
        .then(function (registration) {
            console.log(registration);
        })
        .catch(function (e) {
            console.error(e);
        })
} else {
    console.log('Service Worker is not supported in this browser.');
}


// TODO add service worker code here
if ('serviceWorker' in navigator) {
    navigator.serviceWorker
        .register('service-worker.js')
        .then(function() { console.log('Service Worker Registered'); });
}

var server = app.listen(63342, function () {

    var host = server.address().host;
    var port = server.address().port;

    console.log("Example app listening at http://localhost:%s", port)
});

Тут, у розділі входу, якщо електронна пошта та пароль збігаються в базі даних, то сайт переспрямовано на dashbaord.html, інакше ми покажемо page-error.html за допомогою методу res.redirect (). Також ви можете використовувати res.render () для відтворення сторінки в node.js

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.