Adding A Secure Custom Domain to an Azure App Service

YouTube Video

OrchardSkillsYouTubeThumbNailSSL

Introduction

In this article we are going to setup a custom domain with SSL certificates with let's encrypt.

Custom-Domain-Azure-001

Login to your Azure portal and go to your App Service.

Custom-Domain-Azure-002

Select the Custom domain on the side menu. Select "On" in the HTTPS only settings.

Custom-Domain-Azure-003

Click on the "Add custom domain" link.

Custom-Domain-Azure-004

Enter your custom domain and press the "Validate" button.

Custom-Domain-Azure-005

Switch over to your hosting provider and edit the A records and enter in the specified IP address.

Custom-Domain-Azure-006

Add a "TXT" record with your-domain.azurewebsite.net.

Custom-Domain-Azure-007

Press the "Validate" button again to verify you have ownership of the domain.

Custom-Domain-Azure-008

With your favorite browser browse to the website https://www.sslforfree.com/.

Custom-Domain-Azure-009

Select Manual Verification (DNS) and press the "Manual Verification" button.

Custom-Domain-Azure-010

Enter the TXT Records for the web site specified by SSL For Free

Custom-Domain-Azure-011

Enter the TXT records for the www prefix for the web site specified by SSL For Free.

Custom-Domain-Azure-012

After the verification successful, press the "Download SSL Certificates" button.

Custom-Domain-Azure-013

Either cut and paste the specified information or better yet download retrieve the information from the downloaded files.

Custom-Domain-Azure-014

Convert the SSL Certificates to PFX Certificate (PKCS#12) format.

Custom-Domain-Azure-015

Press the "Add custom domain" link. Enter the Custom domain and then press the "Add custom domain" button.

Custom-Domain-Azure-016

Select you custom domain from the combo box pull down. and then press the "Upload PFX Certificate".

Custom-Domain-Azure-017

Enter the certificate password and press the "Upload" button.

Custom-Domain-Azure-018

Select "SNI SSL" from the "TLS/SSL Type" and press the "Add Binding" button.

Custom-Domain-Azure-019

With your favorite browser, browse to your custom domain.

Custom-Domain-Azure-020

Click on the Add custom domain and Validate button. Notice you need to verify domain ownership.

Custom-Domain-Azure-021

Enter a "CNAME" for the azure website.

Custom-Domain-Azure-022

if desired, add another custom domain for the www prefix. Click on the Add custom domain with the www prefix and press validate.

Custom-Domain-Azure-023

Select custom domain, "SNI SSL" from the "TLS/SSL Type" and press the "Add Binding" button.

Custom-Domain-Azure-024

Now both domains are secure with SSL Certificates.

Custom-Domain-Azure-025

With your favorite browser, browse to your site and test.

Conclusion

With the free certificates from Let's Encrypt you can have a secure site.

GitHub

The complete source code is located here.