我在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);
前端对应的post
ajson
的app.js
:
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"
然而,在客户端,即使app.get('/user'...)
已经被解雇,我仍然在localhost:5000
。
===============================================================
编辑:
我发现对于ajax
在发布到服务器时所做的事情有一个概念性的误解。我想将所有的应用程序状态集中在服务器端,所以如果可能的话,我想在app.get('/' ..)
回调中使用redirect
to /user
。所以这意味着客户端上没有ajax
,如果是这样,我如何向服务器端发送信息?我可以用socket.io
来做这件事吗,或者它是不是过于工程化了?如果是这样,我该怎么做呢?
同样,我必须从服务器端重定向,因为我使用index.ts作为我的应用程序控制器,所以我根本不希望在客户端使用状态更改逻辑,除了由于firebase约束而进行用户身份验证。
发布于 2018-06-01 06:28:05
你的期望值略有下降。
当服务器使用HTTP Status Code 302进行响应时,它会告诉浏览器下一步该做什么,这在使用GET
请求导航时很有意义,但在通过ajax发布数据时就不那么有意义了,因为在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完成了它的事情,就会提交它。数据将以不同的形式到达服务器,因此您可能需要在那里进行一些调整。
https://stackoverflow.com/questions/50633070
复制相似问题