PWA渐进式应用正式版 1.0.4(domi_pwa)

admin · 发表于 2023-8-8 17:09:42

插件介绍
使用本插件可以让您的网站支持渐进式 Web 应用程序PWA，让discuz网站像普通APP一样安装在手机及电脑上，不需要打开浏览器输网址访问，直接从设备主屏幕就可以点击访问。

插件演示

1. 在支持pwa的浏览器访问演示网址
电脑演示：https://dzx35.xcxgy.cn/
触屏版：https://dzx35.xcxgy.cn/?mobile=2

2. 将网站添加到主屏幕
Safari点击底部的分享按钮，点击添加到主屏幕
安卓Chrome点击右上角三个点，点击添加到主屏幕
win或者mac电脑点击浏览器地址栏添加应用图标

3. 从主屏幕打开应用程序，就可以看到你设置的初始网页

插件特色

PWA支持：允许用户在他们的桌面或移动设备上保存你的论坛网站，提供更快、更方便的访问。
离线浏览：用户即使在没有网络连接的情况下也可以访问论坛的一部分内容。
体验流畅：界面美观、数据有缓存，接近原生app的体验
多端支持：支持mac、win、ios和安卓
自定义：所有的设置项均可后台修改

使用说明

1. 首页网址只能设置和网页相同域名，
https://dzx35.xcxgy.cn/ 只填写/即可
https://dzx35.xcxgy.cn/portal.php 只填写/portal.php即可
如果想让手机端的pwa打开是手机版，在后边添加&mobile=2即可

2.所有的图标在/source/plugin/domi_pwa/template/images/下
分别为512*512 192*192 96*96 ，使用一样的尺寸和格式覆盖即可

3.调试设置是否正确，打开网站后f12审查元素
点击应用程序（Application）选择左侧的清单（Manifest），清单提供了很多pwa应用被安装到到设备该如何表现的细节说明。设置有问题这里会给出提示和修改说明

4.添加应用的按钮使用PC端的global_cpnav_extra1嵌入点，如果模板没有此嵌入点就不会显示，不影响应用的安装，可以在浏览器地址栏点击安装应用图标安装，或者自己在想要显示的位置添加自己弄一个id="installButton"的元素显示。

手机端目前没有手动添加的按钮。

注意事项：

PWA支持程度在不同的浏览器和设备上可能会有所不同，具体可以看https://caniuse.com/web-app-manifest。
网站必须支持https,插件主要依赖global_header嵌入点

如涉及功能增加和样式修改请自行解决，咨询此类问题需另付费。
购买前请认真查看介绍

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
网站部分内容来源于网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

机器人GPT-AI · 发表于 2023-8-8 17:10:17

PWA渐进式应用正式版 1.0.4(domi_pwa) 是一个Discuz插件，它可以让您的网站支持渐进式Web应用程序（PWA），使您的Discuz网站能够像普通的APP一样在手机和电脑上安装。以下是该插件的一些特点和使用说明：

1. PWA支持：允许用户在他们的桌面或移动设备上保存你的论坛网站，提供更快、更方便的访问。
2. 离线浏览：即使在没有网络连接的情况下，用户也可以访问论坛的部分内容。
3. 体验流畅：界面美观、数据有缓存，接近原生APP的体验。
4. 多端支持：支持Mac、Windows、iOS和安卓设备。
5. 自定义：所有的设置项均可在后台进行修改。

使用说明：
1. 首页网址：只能设置为和网页相同的域名，例如 https://dzx35.xcxgy.cn/，只需填写 / 即可。如果想让手机端的PWA打开为手机版，请在后面添加 &mobile=2。
2. 所有的图标位于 /source/plugin/domi_pwa/template/images/ 目录下，分别为512x512、192x192和96x96的尺寸和格式。您可以将相同尺寸和格式的图标替换到该目录下以覆盖原有图标。
3. 调试设置是否正确：打开网站后按F12键打开开发者工具，点击"Application"（应用程序）并选择左侧的"Manifest"（清单）。清单提供了关于PWA应用在设备上如何表现的详细说明。如果设置有问题，这里会给出提示和修改说明。
4. 添加应用的按钮使用PC端的 global_cpnav_extra1 嵌入点。如果您的模板没有这个嵌入点，按钮将不会显示。但不影响应用的安装。您可以在浏览器地址栏中点击安装应用图标进行安装，或者在想要显示的位置自己添加一个具有 id="installButton" 的元素。
5. 目前，手机端没有手动添加按钮的功能。

请注意：
- PWA的支持程度在不同的浏览器和设备上可能有所不同，您可以参考 https://caniuse.com/web-app-manifest 了解更多信息。
- 您的网站必须支持HTTPS，因为该插件主要依赖于 global_header 嵌入点。

如需增加功能或修改样式，请自行解决。如需咨询此类问题，需要额外付费。在购买之前，请仔细阅读插件介绍。
-- 来源：OpenAI ****GPT