PWA-与Xampp和虚拟主机一起使用时,无法注册服务工作程序
我正在尝试创建一个PWA(Progressive Web App)项目,其中服务器端处理是用PHP构建的。这就是为什么我需要使用Xampp,以便在部署到服务器之前测试我的项目 但我遇到了一个有趣的问题,我找不到答案 同一项目有两个相同的版本。一个上传到在线服务器,另一个位于Xampp文件夹 我通过三个不同的服务器访问这些文件夹PWA-与Xampp和虚拟主机一起使用时,无法注册服务工作程序,xampp,progressive-web-apps,Xampp,Progressive Web Apps,我正在尝试创建一个PWA(Progressive Web App)项目,其中服务器端处理是用PHP构建的。这就是为什么我需要使用Xampp,以便在部署到服务器之前测试我的项目 但我遇到了一个有趣的问题,我找不到答案 同一项目有两个相同的版本。一个上传到在线服务器,另一个位于Xampp文件夹 我通过三个不同的服务器访问这些文件夹 Google Chrome Web服务器:项目文件位于Xampp文件夹(C:\Xampp\htdocs),我可以通过访问它们 在线我的云服务器:Apache/Centos
pwapp.dev/work
现在我的url是:localhost/pwapp/work/:/
它是
工作正常,”
这是你的电话号码
我最终发现这是一个与Vhost使用相关的SSL问题。感谢@Jeff Posnick,我意识到为了运行Service Worker,您需要通过
http://localhost[:端口]
,或通过http://127.x.y.z[:端口]
如果有任何人有相同的问题想阅读更多的访问此
但如果您仍然想使用Vhost,请按照以下步骤安装Xampp的SSL证书
if ('serviceWorker' in navigator) {
navigator.serviceWorker
.register('./service-worker.js')
.then(function() { console.log('Service Worker Registered'); });
} else {
console.log("service worker not registered");
}