Android 使用mkcert证书进行PWA的本地测试

我正在尝试为我正在处理的PWA设置一个本地开发环境。 我已经在我的Mac上安装了mkcert，并且能够在我的计算机上托管一个版本。 现在我想在我的Android手机上打开页面。在mkcert github上显示：

移动设备

对于移动设备上要信任的证书， 您必须安装根CA。它是中的rootCA.pem文件 由mkcert-CAROOT打印的文件夹

在iOS上，您可以使用空投、通过电子邮件将CA发送给您自己或提供服务 它来自HTTP服务器。安装后，必须启用“完全” 相信它。注意：早期版本的mkcert遇到了iOS错误，如果 在您可能有的“证书信任设置”中看不到根 更新mkcert并重新生成根目录

对于Android，您必须安装CA，然后启用用户 扎根于应用程序的开发构建中。看到这个了吗 回答

我在手机上安装了rootCA.pem。关于“启用用户根目录”的部分不适用，因为这不是一个应用程序

但是当我使用打开手机上的页面时，我得到一个警告，证书不可信

---

我如何信任证书，以便在手机上本地测试PWA？

我同意您的目标-运行基于本地TLS的设置对于提高生产率和早期故障排除非常有用

您的问题是基于DNS的，您需要通过主机名访问TLS安全URL

让DNS在Android端匹配的唯一方法是使用HTTP代理，同时运行模拟器或通过USB连接的设备

简而言之，我会这样做：

• 将您的证书颁发给更真实的域名，如mycompany.com
• 将此域名添加到Mac book上的DNS
• 在Mac上安装免费代理，如
• 配置Android模拟器或设备以使用代理（您还需要信任Android和Mac上代理的证书）
• 然后从Android浏览到

---

有关详细信息，请参见

我同意您的目标-运行基于本地TLS的设置对于提高生产率和早期故障排除非常有用

您的问题是基于DNS的，您需要通过主机名访问TLS安全URL

让DNS在Android端匹配的唯一方法是使用HTTP代理，同时运行模拟器或通过USB连接的设备

简而言之，我会这样做：

• 将您的证书颁发给更真实的域名，如mycompany.com
• 将此域名添加到Mac book上的DNS
• 在Mac上安装免费代理，如
• 配置Android模拟器或设备以使用代理（您还需要信任Android和Mac上代理的证书）
• 然后从Android浏览到

---

有关详细信息，请参见

我知道您可能已经离开了这个问题，因为差不多一年了。然而，我想与大家分享我是如何在安全的环境中本地测试我的PWA的

不对您正在使用的框架/打包/构建系统进行任何假设：

使用

mkcert

生成证书和密钥。如果您在本地托管PWA并希望通过本地IP地址访问它，即

192.168.1.x:3000

，您还需要告诉

mkcert

生成覆盖该IP地址的证书：

mkcert localhost 192.168.1.17
//证书位于“/localhost+1.pem”，密钥位于“/localhost+1-key.pem”✅

重要提示：大多数路由器动态分配本地IP地址，因此分配静态IP是值得的

将RootCA从

mkcert

安装到iOS或Android设备上。请按照中的说明进行操作

使用您选择的web服务器提供生成的证书。我使用CreateReact应用程序。你可以看到我的答案

---

我知道你可能已经离开了这个问题，因为已经快一年了。然而，我想与大家分享我是如何在安全的环境中本地测试我的PWA的

不对您正在使用的框架/打包/构建系统进行任何假设：

使用

mkcert

生成证书和密钥。如果您在本地托管PWA并希望通过本地IP地址访问它，即

192.168.1.x:3000

，您还需要告诉

mkcert

生成覆盖该IP地址的证书：

mkcert localhost 192.168.1.17
//证书位于“/localhost+1.pem”，密钥位于“/localhost+1-key.pem”✅

重要提示：大多数路由器动态分配本地IP地址，因此分配静态IP是值得的

将RootCA从

mkcert

安装到iOS或Android设备上。请按照中的说明进行操作

使用您选择的web服务器提供生成的证书。我使用CreateReact应用程序。你可以看到我的答案

---

将您的PWA推送到免费HTTPS主机进行测试可能更容易吗？将您的PWA推送到免费HTTPS主机进行测试可能更容易吗？