README

Laravel PWA

您还可以参考此视频教程进行安装。

查看其他Lavavel教程

)

安装

使用以下命令安装包，(如果您想在生产环境中安装，请尝试不带 --dev)

composer require --dev ladumor/laravel-pwa

添加提供者

如果使用的是较低版本的Laravel，请将提供者添加到您的 config/app.php 文件中的 provider 部分

Ladumor\LaravelPwa\PWAServiceProvider::class,

添加外观

将外观添加到您的 config/app.php 文件中的 aliases 部分

'LaravelPwa' => \Ladumor\LaravelPwa\LaravelPwa::class,

发布资源

运行以下命令以发布配置文件

php artisan laravel-pwa:publish

配置PWA

在根blade文件的头部分添加以下代码

<!-- PWA  -->
<meta name="theme-color" content="#6777ef"/>
<link rel="apple-touch-icon" href="{{ asset('logo.png') }}">
<link rel="manifest" href="{{ asset('/manifest.json') }}">

在根blade文件的body结束前添加以下代码

<script src="{{ asset('/sw.js') }}"></script>
<script>
   if ("serviceWorker" in navigator) {
      // Register a service worker hosted at the root of the
      // site using the default scope.
      navigator.serviceWorker.register("/sw.js").then(
      (registration) => {
         console.log("Service worker registration succeeded:", registration);
      },
      (error) => {
         console.error(`Service worker registration failed: ${error}`);
      },
    );
  } else {
     console.error("Service workers are not supported.");
  }
</script>

许可协议

MIT许可协议（MIT）。请参阅许可文件以获取更多信息

注意

PWA仅在https上工作。因此，您需要使用 php artisan serve 或创建具有https的虚拟主机来运行它。您可以观看视频了解如何创建具有HTTPS的虚拟主机

ladumor / laravel-pwa

维护者

详细信息