{"id":6353,"date":"2021-06-26T16:15:46","date_gmt":"2021-06-26T10:45:46","guid":{"rendered":"https:\/\/pheonixsolutions.com\/blog\/?p=6353"},"modified":"2021-06-26T16:55:44","modified_gmt":"2021-06-26T11:25:44","slug":"how-to-install-nginx-and-lets-encrypt-ssl-with-html-docker-ubuntu-20-04","status":"publish","type":"post","link":"https:\/\/pheonixsolutions.com\/blog\/how-to-install-nginx-and-lets-encrypt-ssl-with-html-docker-ubuntu-20-04\/","title":{"rendered":"How to Install Nginx and Let\u2019s Encrypt SSL with HTML + Docker \u2013 Ubuntu 20.04"},"content":{"rendered":"\n

How to Install Nginx and Let\u2019s Encrypt SSL with HTML + Docker \u2013 Ubuntu 20.04<\/strong><\/p>\n\n\n\n

Date: 26-06-2021<\/p>\n\n\n\n

Prerequisites:<\/strong><\/h4>\n\n\n\n

1. Install Docker on your server.
2. Install Docker Compose on your server.
3. Configure DNS to point the domain to the server to install SSL.
Note: In this document, I use ramesh.pheonixsolutions.com<\/strong> domain name.<\/p>\n\n\n\n

Step 1: Create Docker Compose YML file:<\/strong><\/h4>\n\n\n\n

Login into the server via ssh and create a directory \u201cnginx-ssl\u201d <\/strong>by using the below command.
# sudo mkdir nginx-ssl\u00a0<\/strong>
Move inside the above directory and create a docker-compose.yml<\/strong> file and paste the below configurations inside the file.
Note: <\/strong>\/public:\/var\/www\/html – Application\/Website data directory.
=======================================================
version: \"3.0\"
services:
web:
image: nginx:latest\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0
restart: always
volumes:
- .\/public:\/var\/www\/html
- .\/conf.d:\/etc\/nginx\/conf.d
- .\/certbot\/conf:\/etc\/nginx\/ssl
- .\/certbot\/data:\/var\/www\/certbot
ports:
- 80:80
- 443:443
certbot:
image: certbot\/certbot:latest
command: certonly --webroot --webroot-path=\/var\/www\/certbot --email pheonixsolutionshelpdesk@gmail.com --agree-tos --no-eff-email -d ramesh.pheonixsolutions.com
volumes:
- .\/certbot\/conf:\/etc\/letsencrypt
- .\/certbot\/logs:\/var\/log\/letsencrypt
- .\/certbot\/data:\/var\/www\/certbot<\/code>
========================================================<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Step 2: Configure Nginx:<\/strong><\/h4>\n\n\n\n

We will create a directory as mentioned in the docker-compose file as \u201cconf.d\u201d<\/strong> so create this directory inside the nginx-ssl directory.
# sudo mkdir nginx-ssl\/conf.d<\/strong>
Create a configuration file with the ramesh.pheonixsolutions.com.conf<\/strong> extension in the conf.d directory and paste the below configurations inside the file.
============================================
server {
listen [::]:80;
listen 80;
server_name ramesh.pheonixsolution.com;
location ~ \/.well-known\/acme-challenge {
allow all;
root \/var\/www\/certbot;
}
}<\/code>
===============================================<\/p>\n\n\n\n

<\/strong><\/p>\n\n\n\n

Step 3: Start Docker Containers:<\/strong><\/h4>\n\n\n\n

Now you can start the containers using the following command to receive the SSL certificates.
# docker-compose up -d<\/strong>

You will see an output similar to the below one.

This output indicates the Nginx and Certbot images are pulled from Docker hub and the containers are created successfully.

Use the below command to view the container’s status. You will get below output.
# docker-compose ps<\/strong><\/p>\n\n\n\n


Note: <\/strong>The state Exit 0<\/strong> indicates the setup is completed without any error.

Now you check your work directory, there will be new directories created as \u201ccertbot\u201d and \u201cpublic\u201d. <\/strong>You can see the SSL certificate synced in the certbot directory.
<\/p>\n\n\n\n

Step 4: Configure SSL with Nginx:<\/strong><\/h4>\n\n\n\n

Now you have received the Let\u2019s Encrypt SSL certificate. You can configure HTTPS and set up redirection to HTTPS.

Edit the ramesh.pheonixsolutions.com.conf<\/strong> file and make the following changes.
==============================================
server {
listen [::]:80;
listen 80;
server_name ramesh.pheonixsolution.com;
location ~ \/.well-known\/acme-challenge {
allow all;
root \/var\/www\/certbot;
}

# redirect http to https
return 301 https:\/\/ramesh.pheonixsolutions.com$request_uri;
}

server {
listen [::]:443 ssl http2;
listen 443 ssl http2;
server_name ramesh.pheonixsolutions.com;
root \/var\/www\/html;

# SSL code
ssl_certificate \/etc\/nginx\/ssl\/live\/ramesh.pheonixsolutions.com\/fullchain.pem;
ssl_certificate_key \/etc\/nginx\/ssl\/live\/ramesh.pheonixsolutions.com\/privkey.pem;
location \/ {
index index.html;
}
}<\/code>
======================================<\/p>\n\n\n\n

<\/p>\n\n\n\n

Step 5: Create index.html file:<\/strong><\/h4>\n\n\n\n

Create the index.html file inside the \u201cpublic\u201d<\/strong> directory which then syncs to the directory configured.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Step 6: Restart the containers:<\/strong><\/h4>\n\n\n\n

Restart the containers to load the new configurations by using below command.
# docker-compose restart<\/strong><\/p>\n\n\n\n

<\/strong><\/p>\n\n\n\n

Now you can check the domain name in the browser.<\/p>\n\n\n\n

<\/strong><\/p>\n\n\n\n

Thank you!<\/p>\n","protected":false},"excerpt":{"rendered":"

How to Install Nginx and Let\u2019s Encrypt SSL with HTML + Docker \u2013 Ubuntu 20.04 Date: 26-06-2021 Prerequisites: 1. Install […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[1024],"tags":[304,520,876,495,425,271,875],"class_list":["post-6353","post","type-post","status-publish","format-standard","hentry","category-security","tag-docker","tag-docker-container","tag-docker-with-ssl","tag-html","tag-lets-encrpyt-ssl","tag-nginx","tag-sample-app-with-docker-over-ssl","psol-cat-security"],"jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/phn2x7-1Et","jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/6353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=6353"}],"version-history":[{"count":0,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/6353\/revisions"}],"wp:attachment":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=6353"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=6353"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=6353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}