在Mac上搭建带ssl协议和域名指向的Apache服务器

Posted 2021-03-26 老松壳

顾名思义，就是要在苹果电脑上搭建 Apache 服务器，并且支持 https 协议，能用指定域名访问（有些开发调试需要注册域名，比如调试微信JS-SDK），当然最好能在手机端进行调试。首先，Mac 系统自带 Apache 服务器，只需在终端输入 sudo apachectl start 回车即可开启 Apache，那么我们现在先给服务器绑定域名，然后再设置 ssl 协议，最后用 Charles 实现手机访问。

 

绑定域名

1、打开访达编辑  /private/etc/hosts  文件，在该文件中添加如下代码，如果要绑定多个域名就添加多行，前面的 IP 不变：

127.0.0.1  www.example.com

 

2、打开文件  /private/etc/apache2/httpd.conf ，找到  Include /private/etc/apache2/extra/httpd-vhosts.conf  将其前面的井号“#”删除，因为后面要用到  /private/etc/apache2/extra/httpd-vhosts.conf  这个文件。

     找到 DocumentRoot "......" ，在其前面加上井号“#”，我希望能够绑定多个域名，并且不同的域名指向不同的项目，需要到 /private/etc/apache2/extra/httpd-vhosts.conf 去设置绑定，在 /private/etc/apache2/httpd.conf 里只能绑定一个域名和项目，所以将这句注销。

    在刚刚修改的地方下一行有一条 <Directory "/xxxx/xxxx/xxxx"> ，将其中引号中内容改为项目所在的地址，从这一行开始到下面的 </Directory> 结束是指定要和域名绑定的项目的，如果要指定多个项目可以在这段内容下面再复制粘贴这段内容，指定几个项目就粘贴几段，只需要修改相应的项目地址即可，下一步我们将会把域名和这些项目地址进行绑定。

 

3、打开文件 /private/etc/apache2/extra/httpd-vhosts.conf ，在末尾添加如下代码：

<VirtualHost *:80>
    ServerAdmin [e-mail]
    DocumentRoot "[你的项目地址]"
    ServerName www.example.com
    ServerAlias www.example.com
    ErrorLog "/private/var/log/apache2/www.example.com-error_log"
    CustomLog "/private/var/log/apache2/www.example.com-access_log" common
</VirtualHost>

在这里就把域名和项目绑定在一起了，如果有多个域名和项目就复制上面的代码，只需修改其中的域名和项目地址， sudo apachectl restart  重新启动 Apache 服务器后就可以通过指定的域名访问相应的项目了。

 

---

 

 

设置 SSL 协议

1、新建文件夹 /private/etc/apache2/ssl

2、安装 openssl:


npm install openssl

3、生成私钥：

openssl genrsa -out server.key 2048

这样是生成rsa私钥，openssl格式，2048位强度。server.key是密钥文件名，此时应该可以看到在 ssl 文件夹里生成了文件 server.key。

4、生成自签名证书

openssl req -new -sha256 -x509 -days 365 -key server.key -out server.crt

req是证书请求的子命令，-sha256表示算法，-x509表示输出证书，-days365 为有效期，此后根据提示输入证书拥有者信息，可以随便填，但 Common Name 应该与域名保持一致。完成后会在 ssl 文件夹里生成 server.crt 文件。

5、安装证书：双击 server.crt 即可安装证书，安装完后会打开钥匙串，里面包含很多证书和应用程序秘密，刚刚安装好的证书也在里面，双击打开该证书 -> 点击信任左边的三角按钮 -> 设置“使用此证书时”的选项为“始终信任”。

6、编辑/etc/apache2/httpd.conf文件，搜索下面内容，并去掉注释符号#：

LoadModule ssl_module libexec/apache2/mod_ssl.so
Include /private/etc/apache2/extra/httpd-vhosts.conf
Include /private/etc/apache2/extra/httpd-ssl.conf
LoadModule socache_shmcb_module libexec/apache2/mod_socache_shmcb.so

7、打开/etc/apache2/extra/httpd-ssl.conf文件，去掉以下两项注释并检查是否与之前安装私钥和证书的路径一致：

SSLCertificateFile "/private/etc/apache2/ssl/server.crt"
SSLCertificateKeyFile "/private/etc/apache2/ssl/server.key"

8、编辑/etc/apache2/extra/httpd-vhosts.conf文件，在 末尾添加一段如下内容：

<VirtualHost *:443>
    SSLEngine on
    SSLCipherSuite ALL:!ADH:!EXPORT56:RC4+RSA:+HIGH:+MEDIUM:+LOW:+SSLv2:+EXP:+eNULL
    SSLCertificateFile /private/etc/apache2/ssl/server.crt
    SSLCertificateKeyFile /private/etc/apache2/ssl/server.key
    ServerName www.example.com
    DocumentRoot "[项目地址]"
</VirtualHost>

 

重启服务器，访问 https://www.example.com，此时会弹出安全提示，不用管点击继续访问即可。

 

配置手机访问（手机和电脑须处于一个局域网里）

1. 打开 Charles，选择 帮助 -> SSL 代理 -> 在移动设备或远程浏览器上安装Charles Root证书，此时会弹出一个窗口，记住上面的 ip 地址和端口；
2. 在手机端选择 设置 -> 无线局域网 -> 当前wifi -> 配置代理 -> 手动，输入服务器 ip 地址和端口，填完别忘记存储；
3. 下载 Charles 根证书： 在手机浏览器中打开 chls.pro/ssl，按照提示点允许；
4. 在手机端打开 设置 -> 通用 -> 描述文件与设备管理 安装刚刚下载的 Charles 证书；
5. 在手机上打开：设置 -> 通用 -> 关于本机 -> 证书信任设置，找到刚刚安装的 Charles 证书将其设为信任；
6. 打开手机浏览器，访问 https://www.example.com。