在 Mac 上本地信任 SSL

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 $200 免费积分!

我使用强制 SSL 运行大多数生产站点,包括 CSS-Tricks。 但在本地,我一直避免让 SSL 正常工作。 我总是避免它,也许是因为它并不立即清楚如何做到这一点。 这也不是什么大不了的事,因为这只是本地流量。 但是,嘿,不妨让本地工作尽可能接近生产环境,对吧?

我遇到过一些情况,这些情况实际上非常重要,并且会影响开发。 比如一个本地的 PHP 函数在 HTTPS 上的行为与 HTTP 不同。 更常见的情况是,我在本地使用 HTTP,而一个资产是通过 HTTPS 加载的,因此失败了(需要手动批准不安全证书)。

1) 通过 MAMP 本地签署 SSL 证书

我经常对 MAMP 感到沮丧,但它在这么多年后仍然为我服务。 也许有一天我会迁移到 Docker 之类的东西。 但作为对 MAMP 的又一个小小的证明,它让 SSL 变得相当容易开启。 点击 SSL 选项卡并选中 SSL 复选框,然后生成一个自签名证书

我不知道为什么条目是“红色错误”。 它只是开始那样做,即使事情似乎正常工作。 眯起眼睛看。

请注意,这里有两个关于我的域名 `css-tricks.dev` 的条目。 这是因为一个是 SSL,另一个不是。 如果你想通过HTTPHTTPS在这两个域名上提供内容,你就必须在 MAMP 中这样做。

现在,该站点将通过 HTTP 提供服务,但你会看到这个经典之美

没有浏览器是它的粉丝

你通常可以点击它,承认所涉及的风险(本地没有真正的风险),但你仍然会看到讨厌的不安全警告

通过钥匙串信任本地证书

信任本地证书的诀窍是在系统级别通过钥匙串访问程序来实现。

当你通过 MAMP 创建本地证书时,系统会提示你将其保存到某个地方。 无论你将它保存到哪里,找到它,并将证书拖到钥匙串中。

如果你不记得证书在哪里,因为你是在 100 年前创建的,你可以让 Chrome 给你一份副本。

  1. 点击 URL 栏中的红色警告感叹号
  2. 点击 SSL 警告区域中的“查看详细信息”
  3. 它将显示一个证书信息下拉菜单,如下所示

从那里,你可以点击并拖动证书图标到你想保存副本的任何位置。 然后将其拖到钥匙串访问中。

然后双击钥匙串访问中的证书,并展开“信任”区域。 你可以将“使用此证书时”选项调整为“始终信任”。

3) 拥有快乐的本地可信 SSL