需求背景

在开发微海报小程序时，由于团队没有过小程序开发经历。按照常规流程，重构输出的是移动端 HTML 网页，以 rem 为尺寸单位。这与小程序的 wxml 和 rpx 之间有一个转化的过程，如果手工转化，无疑带来巨大的额外工作量，而让重构同学短期内熟练掌握小程序开发工具和一套新的标记语言又不太现实。

定义问题

由于业务发展

引入

最近在研究小程序与 APP 互为补充，在营销业务中适用的场景。其中一个是 APP 中分享小程序卡片给微信好友，好友打开小程序卡片，参与活动后，跳回到 APP 中查看奖励或更多活动。

网上参考资料不多，请教了对这块比较了解的相关人士，记录一个。

引入

PWA（渐进式网页应用）对于关注新技术得同学想必已不陌生。14年至今，其应用不如应有的那么广泛，最大的障碍：缺乏iOS支持，最近已被打破 —— Safari技术预览版已经默认开启 Service Worker；

从开发者角度，缺少一个开箱即用的方案，且规范本身在快速发展，则是技术人员选择观望的重要原因。本文将以专属海报为例，介绍通过 workbox工具， 快速为项目启用 PWA 中离线特性的方法，以及技巧总结。