Redirect http to https with htaccess and mod_rewrite

nickfrosty

Nick Frostbutter

Posted on December 1, 2021

Redirect http to https with htaccess and mod_rewrite

Redirect http to https: force https with htaccess

Using your website's .htaccess file, you can force https to all of your users. Securing your site, and getting rid of the annoying "insecure website" message.

What is a htaccess file anyway?

A htaccess file is a special file on your web server that directs how certain actions are handles by the server. Most of the time, the htaccess instructs the server how to write/rewrite web requests (like forcing https or forcing www on your website) or how your server should handle image compression.

The file is simply named .htaccess (just the extensions, no actual name) and placed in the root of your public directory for your website.

htaccess on Apache

The Apache server software has been around forever. Basically since the beginning of the internet. Tons of websites run on an Apache server. Being so old, htaccess files were originally designed for Apache servers. So these files work flawlessly with Apache. All you need is the correct mod_rewrite module installed on your Apache server, and you are ready to create and edit your .htaccess file. Lucky for us all, Apache comes with the mod_rewrite module installed and enabled.

Apache servers will usually work out of the box with htaccess configurations. All child directories will use the parent directory's htaccess file for itself. Easy day.

htaccess on LiteSpeed or OpenLiteSpeed

LiteSpeed and OpenLiteSpeed servers are a bit different. Since htaccess was designed by Apache, the LiteSpeed server team had to modify it a bit to make it work on their server software. Because of these changes, LiteSpeed handles htaccess files a bit different. LiteSpeed loads the htaccess file once on loading the actual server software.

Why do you care?

  1. For one, you htaccess may not not be auto loaded by default in LiteSpeed. It is a server setting that must be enabled. You can read about how to do it from the official docs

  2. And two, when you update a htaccess file on LiteSpeed servers you must restart the LiteSpeed server software. This is the only way to reload the changes you made to your htaccess file. Also, each htaccess file will only work for the directory the file is actually located in. The settings do no trickle down to child directories. So you will need another htaccess file for each child directory.


FYI

Because of how it handles htaccess, and many other reasons, LiteSpeed servers are usually WAY faster than Apache servers.


htaccess on Nginx? Not a chance.

Simply put, you cannot use htaccess with a Nginx server. The web server software was not designed for it, and they apparently have no intensions of doing so. Unfortunate.

Basic .htaccess file

This is a special file, if you couldn't already tell. The actual file name is ".htaccess". It has no actual name, just a file extension.

If your site does not already have a htaccess file, then you will need to create one. It should be in the root of your **public* directory for your website, (e.g. /home/site.com/public_html or ~/www/site.com/public, etc).

<Files .htaccess>
order allow,deny
deny from all
</Files>

<IfModule mod_rewrite.c>
    Options +FollowSymLinks
        RewriteEngine on

    # custom config settings here
</IfModule>
Enter fullscreen mode Exit fullscreen mode

Each htaccess file on you site will have a similar layout. The beginning will usually restrict access for people browsing to the file and reading it in their browser. Then it may check for a module, like mod_rewrite. And finally have actual commands and configuration settings for your web server to use to handle web requests

Redirect http to https

To actually redirect all http requests into https, you only need to add 2 lines of config to your htaccess file. Not including the comment:

# redirect all http to https
RewriteCond %{HTTPS} off 
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
Enter fullscreen mode Exit fullscreen mode

RewriteCond ... : tells the web server to only rewrite on the condition of https being off (aka http)

RewriteRule ... : this tells the web server how to rewrite the url based on the previous condition statement. In this case, we take the entire url from the user "(.*)" and send it back to using https.

Force https on WordPress

If you are are trying to force https on WordPress, then you have a few options. You can edit the already included .htaccess file in your public website directory just like above. Simply grab those 2 lines of htaccess config above and place it before all the other RewriteCond/RewriteRule statements, and you are ready to go.

If you do not feel comfortable editing this file (and that's cool too), there are a couple of free plugins for WordPress that handle this niceley: like Really Simple SSL and WP Force SSL.

Force http on localhost (https everywhere else)

You may start to run into issues while trying to redirect http to https in your localhost server or development environment. Usually for the simple fact that your local dev server likely does not have https/ssl enabled. Unless you are using something cool like Laravel Valet to get a secure local dev environment.

By adding a few extra RewriteCond statements before your RewriteRule that forces https, you can tell the Apache/LiteSpeed web server to not force https on your local dev environment, aka localhost.

First checking for the remote ip address for localhost (127.0.0.1), since some server setups may return this one. Then checking for the other common remote address for local host (::1). And finally checking for the remote host being your local 127.0.0.1 ip address.

<Files .htaccess>
order allow,deny
deny from all
</Files>

<IfModule mod_rewrite.c>
        Options +FollowSymLinks
        RewriteEngine on

        # force https in the browser (but not on localhost)
        RewriteCond %{REMOTE_ADDR} !^127\.0\.0\.1
        RewriteCond %{REMOTE_ADDR} !^::1
        RewriteCond %{REMOTE_HOST} !^127\.0\.0\.1
        RewriteCond %{HTTPS} off 
        RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

</IfModule>
Enter fullscreen mode Exit fullscreen mode

Every web site or project I work on, I use this. It works like a charm. Keeping the public websites secure for actual users on the internet. While also not trying to force https in my local development environment. Life changing.


This article was originally posted to my personal site at frostbutter.com


This article on how to redirect http to https was originally published to my site, frostbutter.com, where you can find more useful dev articles.

💖 💪 🙅 🚩
nickfrosty
Nick Frostbutter

Posted on December 1, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related