如何使用自签名OpenSSL证书在HTTPS上测试PWA?

问题描述 投票:0回答:2

我能够使用localhost在http上测试服务人员,但我想在移动浏览器上进行测试。因为它是单独的设备,所以我不能使用localhost,所以我使用PC的名称。因此,现在我需要使用https,这会在我的服务工作者中引起与SSL相关的错误:

未捕获(承诺)的DOMException:无法使用脚本('https://xxx:5500/app/')为范围('https://xxx:5500/app/service_worker.js')注册ServiceWorker:在获取脚本时发生SSL证书错误。

我已经正确配置了liveServer以使用自签名证书,并且我已经成功启用了“ edge:// flags /#unsafely-treat-insecure-origin-as-secure”,但这还不够。

我还担心如何在移动设备上测试PWA,因为我无法使用移动设备上的“不安全”功能。我认为这是一种常见的情况,但找不到任何答案。

android openssl progressive-web-apps self-signed
2个回答
1
投票

您可以通过chrome开发人员工具在移动设备上测试PWA:称为远程调试的方法(仅适用于android)

  1. 在移动设备中打开开发人员工具-允许进行USB调试

  2. 通过USB连接到笔记本电脑或PC

  3. 转到chrome开发工具打开远程设备

  4. 设置远程设备中的端口转发

  5. 在移动Chrome浏览器中运行本地主机。

有关详细信息,请遵循:https://developers.google.com/web/tools/chrome-devtools/remote-debugging

这在移动设备中提供本地主机,因此不需要https或ssl。

我认为这是测试您的PWA的最佳方法,我亲自使用过。


1
投票

除了使用ngrok之外的另一个可行解决方案,它将为您想要的项目创建一个实时https服务器(然后您将可以在移动设备上访问它)

© www.soinside.com 2019 - 2024. All rights reserved.