Express.jsをHTTPSにリダイレクトしてindex.htmlを送信

Question

私は、単一ページのAngularアプリケーション用の静的資産を提供する簡単なExpress.jsインスタンスを用意しています。私はすべてのルートに対してindex.htmlが返されるようにExpress設定でミドルウェアを設定し、そこからAngularをロードすることができます。

最近、私はHerokuでSSLを設定しました.HTTPから送信されるすべてのトラフィックがHTTPSにリダイレクトされるようにしたいと考えています。私はthis postの提案されたソリューションを私が今持っているものと組み合わせようとしましたが、無限のリダイレクトループで終わります。

要するに、すべてのトラフィックをHTTPからHTTPSにリダイレクトし、すべての要求に対してindex.htmlファイルを送信する必要があります。私はここで間違って何をしていますか？ Herokuののロードバランサへの接続は、このように無限のリダイレクトループを作成し、SSLを使用していないので、

var gzippo = require('gzippo'); 
var express = require('express'); 
var morgan = require('morgan'); 
var app = express(); 

// set environment variables 
var env = app.get('env') || 'development'; 

app.use(morgan('dev')); 

// serve static assets 
app.use(gzippo.staticGzip("" + __dirname + "/dist")); 
app.use("/js", express.static(__dirname + "/dist/scripts")); 
app.use("/fonts", express.static(__dirname + "/fonts")); 
app.use("/img", express.static(__dirname + "/dist/assets/images")); 
app.use("/css", express.static(__dirname + "/dist/styles")); 


// Redirect all HTTP traffic to HTTPS 
function ensureSecure(req, res, next){ 
    if(req.secure){ 
    // OK, continue 
    return next(); 
    }; 
    res.redirect('https://'+req.hostname+req.url); // handle port numbers if you need non defaults 
}; 


// Always send index.html 
function sendIndex(req, res, next) { 
    res.sendfile('index.html', { root: __dirname + "/dist/"}); 
} 


// Handle environments 
if (env == 'production') { 
    app.all('*', ensureSecure); 
} 

app.all('/*', sendIndex); 

// Start server 
app.listen(process.env.PORT || 5000); 

Answer 1

Herokuのは、ロードバランサレベルでのSSL接続を終了し、そうreq.secureは、真なることはありません。

あなたが代わりにX-Forwarded-Protoヘッダをチェックする必要があります。

if(req.headers["x-forwarded-proto"] === "https"){ 
    // OK, continue 
    return next(); 
}; 
res.redirect('https://'+req.hostname+req.url); 

編集を：あなたはまた、ヘッダー自動的エクスプレスチェックインを持っているapp.enable("trust proxy")を設定することができます。 http://expressjs.com/guide/behind-proxies.html