在 WordCampWordCamp WordCamp 是由当地组织的非正式会议,涵盖所有与 WordPress 相关的内容。WordCamp 是 WordPress 社区聚集在一起,互相传授一年中所学知识并分享快乐的场所之一。了解更多。 Europe 举办前,组织团队一直在努力改进 WordCamp.org,使其成为一个渐进式 Web 应用(PWA)。
这项功能在 WordCamp 举办前几天完成了部署部署 将代码从本地开发环境发布到生产 Web 服务器,使其能够被访问者使用。,并在活动期间进行了调整。该项目的目标是为 WordCamp Europe 2019 提供一个最小可行产品最小可行产品 “最小可行产品(MVP)是指具备足够功能以满足早期客户需求,并为未来产品开发提供反馈的产品。”——维基百科,然后继续迭代这项工作,使 PWA 功能对所有 WordCamp 都有用。
当前状态
PWA 功能的开发工作最初以独立插件的形式完成,现在已合并到WordCamp.org 代码仓库中。它使用PWA 功能插件作为底层框架,并在此基础上添加了一些额外的自定义代码。目前,它仅在 WordCamp Europe 2019 网站上启用,因为还没有准备好广泛使用。
增强网站的 PWA 功能包括:
- 离线内容:
- 静态资源缓存。不经常变化的文件和 REST APIREST API REST API 是 RESTful 应用程序接口(API)的缩写,它使用 HTTP 请求对数据执行 GET、PUT、POST 和 DELETE 操作。它用于让应用程序的前端(例如“手机应用”或“网站”)与数据存储(例如“数据库”或“文件系统”)进行通信。
https://developer.wordpress.org/rest-api/ 端点(例如 CSSCSS CSS 是层叠样式表的缩写,用于控制网站的设计或外观。、JavaScriptJavaScript JavaScript 或 JS 是一种面向对象的计算机编程语言,通常用于在 Web 浏览器中创建交互效果。WordPress 广泛使用 JS,以提供更好的用户体验。PHP 在服务器上执行,而 JS 则在用户的浏览器中执行。
https://www.javascript.com、图像文件)会进行更积极的缓存,从而使页面在后续访问时加载得更快。 - 添加到主屏幕。你可以在移动设备上“安装”WordCamp.org,类似于安装原生应用,以便快速访问它。未来,安装了该应用的访问者可能可以将所有内容保存为离线内容,或使用其他增强功能。
- 较旧版本的 iOSiOS iPhone 和 iPad 使用的操作系统。 不支持此功能。
除了传统的 PWA 功能外,团队还构建了一个自定义的“活动日”页面模板。活动进行期间可以使用此模板,显示当前正在进行的会议、接下来即将开始的会议的实时日程,以及 WordCamp 博客的最新文章。所有访问者都可以使用该模板,即使其浏览器版本过旧而不支持 PWA 功能。

除将网站添加到主屏幕之外,上述所有功能无论访问者使用何种设备都可以使用,并且在台式机和笔记本电脑上的工作方式与移动设备上相同。
还有一些已经讨论过但未能及时构建的附加功能:
- 默认缓存会议和演讲者信息以供离线使用(即无需先访问相关页面)
- 针对移动设备优化的网站页眉页眉 网站的页眉通常是人们首先看到的内容。页面顶部横跨显示的题头或页眉图案是网站外观的一部分。它会影响访问者对你的内容以及你或你所在组织品牌的看法。它在不同屏幕尺寸下的显示效果也可能不同。和页脚
- 针对用户标记为收藏的即将开始的会议发送推送通知
- 针对重要公告发送推送通知
感谢所有参与 PWA 项目的人,无论是创建设计、对线框图提供反馈、给予指导、提出想法,还是编写代码:
@mburridge、@ziontrooper、@avillegasn、@Iceable、@tfrommen、@macloune、@marcusjwilson、@vdwijngaert、@westonruter、@hlashbrooke、@iandunn、@tjnowell、@jb510、@coreymckrill、@andreamiddleton、@sippis、@melchoyce、@karmatosed、@garyj、@webcommsat
回顾流程
现在 WordCamp Europe 已经结束,了解开发流程以及整个过程的进展情况会很有帮助。因此,如果你以任何方式参与了该项目,那么你的反馈将非常有价值。请在下方评论,回答以下问题:
- PWA 开发项目中哪些方面进展顺利?(哪些方面应该继续?)
- 你认为哪些方面进展得不太顺利?(哪些方面应该停止?)
- 你认为我们在为 WordCamp.org 开发新功能或工具时可以采取哪些不同做法?(应该开始哪些新事项或实践?)