MacOS Local DNS + HTTPS 開發筆記

🎯達成目標
在本地測試網頁訪問 https://dev.mylocal.app

⚠️遇到問題

• Cookie secure option only works on HTTPS

📋準備項目

• Local DNS setup
• HTTPS certificate
• Nginx proxy

Local DNS setup

sudo nano /etc/hosts

# Append to bottom
127.0.0.1 dev.mylocal.app

HTTPS certificate

brew install mkcert
mkcert -install

cd path/to/mcert-folder
mkcert dev.mylocal.app

Github: https://github.com/FiloSottile/mkcert

Nginx config

Install Nginx

brew install nginx
sudo nginx

cd /opt/homebrew/etc/nginx/servers
touch dev.mylocal.app.conf

server {
    listen 80;
    server_name dev.mylocal.app;

    return 301 https://$host$request_uri;
}

server {
    listen 443 ssl;
    server_name dev.mylocal.app;

    ssl_certificate     /Users/{{user}}/Workspace/mcert/dev.mylocal.app.pem;
    ssl_certificate_key /Users/{{user}}/Workspace/mcert/dev.mylocal.app-key.pem;
}