Question

我在firebase上托管了node.js和express.js个应用。它托管在：https://spice-ai.firebaseapp.com/

我想在用户身份验证后重定向到其他页面。但是，res.redirect('/user')仅在app.get上重定向，而不是app.post。这很奇怪，有人可以告诉我为什么吗？

我的index.ts

import * as express   from 'express'           ;
import * as admin     from 'firebase-admin'    ;
import * as functions from 'firebase-functions';
import * as path      from "path"              ;
import * as math      from 'mathjs'            ;


import { Option, some, none } from 'fp-ts/lib/Option';

import * as bodyParser            from "body-parser";
import { body, validationResult } from 'express-validator/check';
import { sanitizeBody }           from 'express-validator/filter';


const accountKeyPath = path.join(__dirname, '../credentials/serviceAccountKey.json');
const accountKey     = require(accountKeyPath);

const adminSDKPath   = path.join(__dirname, '../credentials/spice-ai-firebase-adminsdk.json');
const adminSDK       = require(adminSDKPath);

const firebaseAdmin = admin.initializeApp({
      credential : admin.credential.cert(adminSDK)
    , databaseURL: accountKey['databaseURL']
});

const dbRef = new Proposal(firebaseAdmin, 'datasets');
const auth  = firebaseAdmin.auth()


// create HTTP server
const app = express();


// use json form parser middleware
app.use(bodyParser.json());

// use query string parser middlware
app.use(bodyParser.urlencoded({ extended: true }));

// set view engine
app.set('views', path.join(__dirname, '../src/view'))
app.set('view engine', 'pug');

// set static file source
app.use(express.static(path.join(__dirname, "../public")));

app.use(cors({origin: 'http://localhost:5000'}));
app.use(cors({origin: '/'}    ));
app.use(cors({origin: '/user'}));



app.get('/', (req,res) => {

    res.render('pages/login', {})
    // a res.redirect('/user') redirects immediately here

});


app.post('/', (req, res) => {

    // this does not redirect
    console.log('\n+++++++++++++++++++++++++++ POST')
    res.redirect('/user');

})

app.get('/user' , (req, res) => {

    console.log('\n############################### GET /user')
    res.render('pages/user')
});

exports.app = functions.https.onRequest(app);

app.js一个post前端的相应json：

const config = {
    "apiKey"           : ""
    "authDomain"       : ""
    "databaseURL"      : ""
    "projectId"        : ""
    "storageBucket"    : ""
    "messagingSenderId": ""
};


firebase.initializeApp(config);
const auth = firebase.auth(); 

auth.onAuthStateChanged(user => {

    if (user) {

        console.log("loaded page with user: ", user['email'])
        user.getIdToken(true)

        .then( idToken => {

            console.log('user token: ', idToken)
            post_utoken(idToken);

        })

    } else {

        console.log('no user found')

    }
});


/**
    @Use: send user id to server
*/
function post_utoken(tok){

    var data = {};
    data.userToken = tok

    $.ajax({
          type        : 'POST'
        , url         : 'http://localhost:5000/'
        , data        : data
        , dataType    : 'json'

        , success : function(data) {

            console.log('\n======================================')
            console.log('success sending data from app.js')

        }
    })
}

一切都很标准。此外，在bash我可以看到重定向和app.get('/user' ..)都被解雇了，因为我有：

++++++++++++++++++++++++++ POST
info: Execution took 1 ms, user function completed successfully
127.0.0.1 - - [31/May/2018:22:03:28 +0000] "POST / HTTP/1.1" 302 27 "http://localhost:5000/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36"
[hosting] Rewriting /user to local function app
info: User function triggered, starting execution
info: 
############################### GET /user
info: Execution took 78 ms, user function completed successfully
127.0.0.1 - - [31/May/2018:22:03:28 +0000] "GET /user HTTP/1.1" 200 6547 "http://localhost:5000/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36"

然而，在客户端，即使localhost:5000被解雇，我仍然在app.get('/user'...)。

=============================================== ================

编辑：

我发现在发布到服务器时，ajax正在做什么存在概念上的误解。我想将所有应用状态集中在服务器端，因此如果可能的话，我希望在redirect回调中/user到app.get('/' ..)。这意味着客户端没有ajax，如果是这样，我将如何向服务器端发送信息？我可以使用socket.io来完成它还是过度工程设计呢？如果是这样，我该怎么做？

同样，我必须从服务器端重定向，因为我使用index.ts作为我的app控制器，所以我根本不需要客户端的状态更改逻辑，除了用户身份验证因为firebase约束。

Answer 1

您的期望略有下降。

当服务器使用HTTP Status Code 302进行响应时，它会告诉浏览器下一步要去哪里，这在使用GET请求导航时是有意义的，而不是通过ajax发布数据时那么多完全控制接下来发生的事情。

它实际上更容易，尝试这样的事情：

success : function(data) {
    window.location.href = '/user'
}

这正是您所期望的，完成了客户端。

如果你确实需要在服务器端完成它，那么添加一个html表单并通过javascript提交，这样浏览器就会处理请求并采取相应的措施。

将此添加到您的HTML：

<form id="userform" action="/" method="POST" style="display: none">
    <input id="userform_email" name="email" value="">
</form>

然后在你的剧本中：

auth.onAuthStateChanged(user => {
    if (user) {
        document.getElementById('userform_email').value = user['email'];
        document.getElementById('userform').submit();
    } else {
        console.log('no user found')
    }
});

您正在做的是创建一个不可见的表单，一旦Firebase完成它就会提交。数据将以不同的形式到达服务器，因此您可能需要进行一些调整。

firebase对用户

1 个答案: