专注于前端开发, 追求更好的用户体验, 更好的开发体验 [长沙前端QQ群:234746733]

2019年4月

  • Mac自签名ssl证书, 绑定域名启用https

    / 分类: 工具,实践 / No Comments

    生成root CA(仅需一次)

    自签名证书, IOS 13/macOS 10.15有了新规定, 所以需要按如下方式生成.

    1. # 多个域名都可以用root CA签名
    2. mkdir ~/.ssl; cd ~/.ssl;
    3. openssl genrsa -out rootca.key 2048;
    4. openssl req -new -key rootca.key -out rootca.csr -sha256 -subj "/CN=Dev Root CA"
    5. echo "basicConstraints=CA:true" > rootca.cnf;
    6. openssl x509 -req -in rootca.csr -signkey rootca.key -out rootca.crt -extfile rootca.cnf -sha256 -days 825;
    7. open rootca.crt; # Mac钥匙串 打开(或, 双击文件名)
    8. # 钥匙串: 搜索 Dev Root CA, 双击证书, 设置始终信任 (Trust - When using this certificate: Always Trust).
    9. # for Android:
    10. # openssl x509 -inform PEM -outform DER -in rootca.crt -out rootca.der.crt

    创建本地ssl证书(使用lvh.me域名)

    1. openssl req -new -newkey rsa:2048 -nodes -keyout lvh.me.key -out lvh.me.csr -sha256 -subj "/CN=lvh.me"
    2. cat > domain.cnf <<-EOF
    3. authorityKeyIdentifier=keyid,issuer
    4. basicConstraints=CA:false
    5. keyUsage=digitalSignature,keyEncipherment,dataEncipherment
    6. extendedKeyUsage=serverAuth,clientAuth
    7. subjectAltName=@alt_names
    8. [alt_names]
    9. DNS.1=lvh.me
    10. DNS.2=*.lvh.me
    11. DNS.3=*.test.lvh.me
    12. EOF
    13. # 使用root CA签名
    14. openssl x509 -req -in lvh.me.csr -out lvh.me.crt -extfile domain.cnf -CA rootca.crt -CAkey rootca.key -CAcreateserial -sha256 -days 825

    lvh.me 是一个指向127.0.0.1的泛域名服务, 优点: 不需要改DNS/hosts, 各项目使用不同的域名方便隔离(比如cookies/密码管理器). 类似的还有xip.io, nip.io, localtest.me, fuf.me, vcap.me等.

    使用Apache或Nginx 绑定域名

    • 使用Apache

      1. # 1. 编辑 `/etc/apache2/httpd.conf`
      2. # 注释掉 这些行:
      3. LoadModule mpm_prefork_module libexec/apache2/mod_mpm_prefork.so
      4. Include /private/etc/apache2/extra/httpd-ssl.conf
      5. # 最下面添加:
      6. Listen 443
      7. ServerName localhost
      8. LoadModule mpm_event_module libexec/apache2/mod_mpm_event.so
      9. LoadModule proxy_module libexec/apache2/mod_proxy.so
      10. LoadModule proxy_http_module libexec/apache2/mod_proxy_http.so
      11. LoadModule macro_module libexec/apache2/mod_macro.so
      12. LoadModule ssl_module libexec/apache2/mod_ssl.so
      13. LoadModule socache_shmcb_module libexec/apache2/mod_socache_shmcb.so
      14. LoadModule http2_module libexec/apache2/mod_http2.so
      15. Include /Users/leon/.ssl/httpd-vhosts.conf

      16. # 2. 编辑 ~/.ssl/httpd-vhosts.conf, 增加:
      17. <Macro SSLLvh>
      18.   SSLEngine on
      19.   SSLCertificateFile /Users/leon/.ssl/lvh.me.crt
      20.   SSLCertificateKeyFile /Users/leon/.ssl/lvh.me.key
      21.   Protocols h2 http/1.1
      22. </Macro>
      23. <Macro Test>
      24.   ServerName test.lvh.me
      25.   ProxyRequests off
      26.   <Location />
      27.     ProxyPass http://localhost:3000/
      28.     ProxyPassReverse http://localhost:3000/
      29.   </Location>
      30. </Macro>
      31. <VirtualHost *:80>
      32.   Use Test
      33. </VirtualHost>
      34. <VirtualHost *:443>
      35.   Use SSLLvh
      36.   Use Test
      37. </VirtualHost>
      38. <Macro Demo>
      39. # ...
      40. </Macro>
      41. <VirtualHost *:443>
      42.   Use SSLLvh
      43.   Use Demo
      44. </VirtualHost>

      45. # 3. 启动Apache
      46. # sudo apachectl configtest # test
      47. sudo apachectl -k restart # 启动
      48. # sudo apachectl -e debug # print errors
      49. # sudo launchctl load -w /System/Library/LaunchDaemons/org.apache.httpd.plist # 开机启动

    查看全文 »