25 ธ.ค. 2020 2 min read tech

ใช้ ssl ฟรีจาก cloudflare + nginx

ใครไม่อยากเสียเงินซื้อ ssl cert บ้างยกมือขึ้นนนนน

ผมเองครับ :)

วันนี้ผมจะมาบอกวิธีการทำให้เว็บของเราเป็น ssl แบบฟรีๆ โดยจะเป็นการสร้าง ssl จาก Cloudflare แล้วนำไปใช้งานบน Nginx มาเริ่มกันเลย

สร้าง SSL Certificate ใน Cloudflare

เข้าไปที่ domain ใน cloudflare ของเราจากนั้นไปที่เมนู SSL/TLS > Origin server กดปุ่ม Create Certificates เลย

จากนั้นเลือกสร้างไฟล์เป็นแบบ RSA ในส่วนของโดเมนก็กำหนดให้ใช้งานได้ทั้งโดเมนปกติ และ subdomain ทั้งหมด เช่น *.domain.com และ domain.com ซึ่งปกติมันจะทำค่านี้มาให้เลย ก็ไม่ต้องแก้อะไร กด Next เลย

จากนั้นให้เราเลือก Key format เป็น PEM แล้วมันจะทำการสร้าง key มาให้สองช่อง ในช่อง Origin Certificate ให้เราคัดลอกมาแล้วสร้างเป็นไฟล์ชื่อ cert.pem และช่อง Private key ให้เราคัดลอกมาแล้วสร้างเป็นไฟล์ชื่อ key.pem เก็บไว้ก่อนทั้งสองไฟล์

ติดตั้ง ssl ไฟล์ใน Nginx

ผมจะขอยกตัวอย่างการนำไฟล์ ssl มาใช้ใน nginx ผ่าน docker-compose.yml กัน เรามาดูโครงสร้างโฟลเดอร์ในการทำก่อน

.
├── docker-compose.yml
├── nginx
│   ├── default.conf
└── ssl
    ├── cert.pem
    └── cloudflare.crt
    └── key.pem

นำไฟล์ cert.pem และ key.pem ที่ได้มาเก็บไว้ใน ssl/

อีกหนึ่งไฟล์คือ cloudflare.crt ข้างในไฟล์จะเป็น key ดังนี้

จากนั้นมาดูไฟล์ default.conf กันว่าค่า config เป็นยังไง

# default.conf
server {
  listen 80;
  listen [::]:80;
  server_name domain.com;
  return 301 https://$server_name$request_uri;
}

server {
  listen 443 ssl http2; 
  server_name domain.com;
  ssl_certificate /etc/nginx/ssl/cert.pem;
  ssl_certificate_key /etc/nginx/ssl/key.pem;
  ssl_client_certificate /etc/nginx/ssl/cloudflare.crt;
  ssl_verify_client on;
  root /usr/share/nginx/html;
  index index.html;
  location / {
    try_files $uri $uri/ =404;
  }
}

และสุดท้าย docker-compose.yml เป็นแบบนี้

version: "3.8"
services:
  proxy:
    image: nginx:1.19-alpine
    ports:
      - 80:80
      - 443:443
    volumes:
      - ./nginx/default.conf:/etc/nginx/conf.d/default.conf
      - ./ssl:/etc/nginx/ssl
    restart: always

ตั้งค่าการใช้งาน SSL

กลับมายัง Cloudflare ไปที่เมนู SSL/TLS > Origin server ทำการเปิดใช้งาน Authenticated Origin Pulls

กลับมาหน้า SSL/TLS > Overview ให้เลือก SSL เป็นแบบ Full (strict)

กำหนด DNS Cloudflare

เราจะมากำหนด domain เพื่อให้ใช้งาน ssl กันโดยไปที่เมนู DNS จากนั้นทำการ Add record ดังนี้

Type - เลือกเป็น A
Name - หากต้องการเรียกโดเมนปกติให้ใส่ @ แต่หากใส่ชื่ออะไรลงไป จะเป็นการทำ subdomain นั้นขึ้นมา เช่น testssl.domain.com
IP4 address - ใส่ ip server
Proxy status - ให้กำหนดเป็น Proxied สีส้ม เพื่อเป็นการให้ใช้งาน ssl ของ cloudflare สำหรับโดเมนนี้