Setup SSL and HTTP2 Enabled Server

Create the server

The first step is to setup the server in Digitalocean.

Digitalocen is easy to setup, and the price is low ($5 per month for 512 MB Memory / 20 GB Disk / Ubuntu 16.04.2 VPS). It is good for some small personal website or self-study project.

The documentation and tutorial resources of Digitalocean is also very handy, you can easily find the answer you need in Google search.

Create your domain name

This step is optional. If you want to have your own domain name, you can create and host your domain name via the service provider. I am using OnlyDomains, the price are about the same with other service provider (about $10 per year).

Get the SSL certificate

The next step is to prepare the SSL certificate for your website.

One FREE and easy way is to setup the SSL Cert with Let's Encrypt in the Nginx server. The documentation of the Digitalocean above is very detailed, and easy to follow.

One thing to note that if you want to enable HTTP2 in your site, please make sure you have the openSSH 1.0.2 or later installed. Because the 1.0.2 or later version of openSSH support both ALPN and NPN, the previous version only support NPN. In May 2016, Google released Chrome build 51, eliminating support for SPDY and NPN in favor of HTTP/2 and ALPN. So we need ALPN in your Nginx server, to enable HTTP2 support in Chrome and other popular browser. More details you can refer to this post: Supporting HTTP/2 for Website Visitors.

Operating System OpenSSL Version ALPN/NPN Support
CentOS/Oracle Linux/RHEL 6.5+, 7.0+ 1.0.1e NPN
Debian 7.0 1.0.1e NPN
Debian 8.0 1.0.1k NPN
Debian 9.0 1.1.0f ALPN and NPN
Ubuntu 12.04 LTS 1.0.1 NPN
Ubuntu 14.04 LTS 1.0.1f NPN
Ubuntu 16.04 LTS 1.0.2g ALPN and NPN

Redirect your domain to your server

The last thing is to update the A record of your DNS provider, to route the traffics to your newly setup server ip address.

You can verify the secure icon on the browser address bar.

ssl enabled

The h2 Protocal in the Network tab in Chrome browser dev console.

http2 enabled

comment

Comments

arrow_back

Previous

Building a React Blog Web site using Markdown Language

Next

Introducing AI Tester
arrow_forward