How to redirects http to https using gulp-connect

Question

How to force https (redirect http to https) using gulp-connect on Heroku?

I've already configured SSL on Heroku and my website works great if I prefix https:// before the domain.

gulpfile.js

'use strict';

var gulp = require('gulp');
var $ = require('gulp-load-plugins')();
var history = require('connect-history-api-fallback');

gulp.paths = {
  src: 'src',
  dist: 'dist',
  tmp: '.tmp',
  e2e: 'e2e'
};

require('require-dir')('./gulp');

gulp.task('default', ['clean'], function () {
  gulp.start('build');
});

gulp.task("serve:production", function(){
  $.connect.server({
    root: './dist',
    port: process.env.PORT || 3004,
    middleware: function(connect, opt) {
      return [
        history({})
      ]
    }
  });
});

score 2 · Accepted Answer · answered Apr 03 '17 at 22:25

I've used this package before with success. It's very simple to configure.

https://www.npmjs.com/package/express-sslify

var express = require('express');
var http = require('http');
var enforce = require('express-sslify');

var app = express();

// Use enforce.HTTPS({ trustProtoHeader: true }) in case you are behind 
// a load balancer (e.g. Heroku). See further comments below 
app.use(enforce.HTTPS());

http.createServer(app).listen(app.get('port'), function() {
    console.log('Express server listening on port ' + app.get('port'));
});

score 0 · Answer 2 · answered Aug 19 '18 at 14:56

I have managed to make it work with the gulp-connect, where I created the express instance, configured it and passed it as middleware to connect.

With this I have deployed on Heroku where SSL certificate is configured but in my local machine SSL was not configured.

var connect = require('gulp-connect');
var express = require('express');

gulp.task('connect', function() {

    var app = express();
    app.enable('trust proxy');
    app.use (function (req, res, next) {
            if (req.secure) {
                    next();
            } else {
                if (req.headers.host !== 'localhost:8081'){
                  res.redirect('https://' + req.headers.host + req.url);
                } else {
                    next();
                }
            }
    });

    connect.server({
      port: process.env.PORT || 8081,
      middleware: function(connect, opt) {
        return [app];
      }
    });
});

How to redirects http to https using gulp-connect

2 Answers2