parmar/laravel-pwa

PWA - 简单的 Laravel 包

1.0.0 2022-12-07 13:20 UTC

This package is auto-updated.

Last update: 2024-09-07 16:44:06 UTC


README

Latest Stable Version Daily Downloads Monthly Downloads Total Downloads License PHP Version Require

Laravel PWA

安装

使用以下命令安装包:

composer require parmar/laravel-pwa

添加提供者

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

Parmar\LaravelPwa\PWAServiceProvider::class,

添加外观

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

'LaravelPwa' => \Parmar\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 (!navigator.serviceWorker.controller) {
        navigator.serviceWorker.register("/sw.js").then(function (reg) {
            console.log("Service worker has been registered for scope: " + reg.scope);
        });
    }
</script>

许可证

MIT 许可证(MIT)。请参阅许可证文件以获取更多信息。