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
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)。请参阅许可证文件以获取更多信息。