
> * 原文地址：[Any web site can become a PWA – but we need to do better](https://christianheilmann.com/2017/06/27/any-web-site-can-become-a-pwa-but-we-need-to-do-better/)
> * 原文作者：本文已获原作者 [Christian Heilmann](https://christianheilmann.com/about-this/) 授权
> * 译文出自：[掘金翻译计划](https://github.com/xitu/gold-miner)
> * 本文永久链接：[https://github.com/xitu/gold-miner/blob/master/TODO/any-web-site-can-become-a-pwa-but-we-need-to-do-better.md](https://github.com/xitu/gold-miner/blob/master/TODO/any-web-site-can-become-a-pwa-but-we-need-to-do-better.md)
> * 译者：[wilsonandusa](https://github.com/wilsonandusa)
> * 校对者：[LeviDing](https://github.com/leviding), [Weiting Zhang](https://github.com/Weiting-Zhang)
            

# 任何网站都可以成为渐进式网络应用 - 但我们需要做的更好

看完[ Jeremy 的博客 ](https://adactio.com/journal/12461)， 我突然觉得间眼前一亮。

> 不管其它人是怎么说的，任意一个网站确实都可以并且应该成为渐进式网络应用。 我去年在一个活动中听到 Chris Heilmann 说你不应该把自己的博客打造成一款渐进式网络应用时，我简直不敢相信我的耳朵。他在视频通话中反复强调：“比方说，我不懂为什么会有人把自己的博客打造成一款渐进式网络应用。我可不想在我的桌面上添加一个图标，这对我而言毫无意义。” 不好意思，只因为你不想在你自己的手机桌面上添一个图标，别人就不应该使用一项最新的技术吗？ 请原谅我说粗话，但，靠，去他妈的！。

>  我们的想象力被当前移动端应用所局限，使得我们像一群没见过世面的原始人那样，一直模仿并持续当前的状态。

> 我不希望网站被原生化；我希望网站能超越原生。我不希望我的屏幕主页布满创业团队和个大公司的标准化应用图标。一个能够让我们自由发布内容的网站才是我想要的。

其实，**我不是告诉大家不要去使用出色且现代化的技术来造福用户并提升自己发布内容的便利**。渐进性网站应用本身的组成能够使其变得比现在更加成功。
![PWA presentation at JSPoland](https://christianheilmann.com/wp-content/uploads/2017/06/ShareX_2017-06-27_16-52-48-1009x1024.jpg)我正在告知全世界渐进式网站可以应用到任何事上。


**我希望我们能做的更多**。我希望现代网络技术仅仅是一个个人使用的东西。我希望我们在平时工作中就能接触并使用到它，而不是要带到工作中，更不是仅惊叹于某人所做或某个公司所做的精彩的页面展示。

在目前所处的大环境下，我们可以使用任何强大的技术，但我们应该把目标定的更高些。我们需要找到哪里会出问题，然后使用更简便明智的方式来取代那些老旧的解决方法。我没有能力告诉任何一个人，在写博客的时候不该使用某项技术，但我也不希望看到一大堆用户体验极差的渐进式网站的出现。以前我们做过太多这样的事了，既然现在我们有这么好的方法，那我们一定要用好的方法来做。

我已经不止一次地公开反对目前的商店形式，因为它们阻碍了大家的使用。在有网络的情况下，这就像是人造的障碍，对吧？


也许，事实上新的一代人只知道应用程序，而不是网络程序。在他们眼中网站永远充满广告和恶意软件，应该一直被屏蔽。在一些网络信号不好的地方，人们竟然认为脸书程序就是网络。因为它用起来比那些庞大的网站更方便一些。


当我说我不理解为什么要把私人博客转变成渐进式网站时，我指的就是其中令人困惑的应用程序这部分。对我而言，一个应用程序是用来“做”一件事的，而不是去“读”一件事的。我不理解为什么会有连线杂志，卫报，滚石，时代周刊这类应用程序。那么多程序图标们根本没办法都挤在桌面上。我用 RSS 阅读器来浏览博客。我用电子书来阅读（或者浏览网站）。我用 Spotify 或者 iTunes 来听音乐。我可没有给每个乐队或者每部电影下一个应用程序。

我在网上已经为 donkey's 发布过很多文章了，我选择使用博客是因为我不知道你喜欢怎样的方式，我很喜欢这种方式。我觉得你的桌面上不应该出现一个 “Chris Heilmann” 的图标，而应该是一篇推文或者一个书签。你在博客里只能阅读。使用你最开心的方式来写。

我非常赞同 Jeremy:

> 我不希望网站被原生化；我希望网站能超越原生。  

这就是我不希望把博客变成一个应用程序的原因 - 不论哪种形式的应用程序。我希望人们能创造出比书签功能更丰富的渐进式网站 - 甚至离线时，如果有新内容也可以通知我。

这是否就意味着我不赞同你使用一个 manifest 和 service worker 去改进你的网站或者博客呢？一点也不。尽管去做一切对的事。尤其是去做渐进式网站所需的事：停止使用 HTTP 发布并且加密你的服务器。阻止来自中间人的黑客攻击，尤其是那些很高兴成为中间人的政府机构。

我希望网站能在最需要它们的地方成功。我希望原生程序能消失。我不想为了买一张柏林的地铁票而去下载一个程序。我不想每到一个机场都要下一个程序。我尤其讨厌每次参加一次活动都要下载程序。我不想为了我常去的餐厅而下载一个程序。我不需要为这种关系而牺牲我手机上或者电脑桌面／快速启动栏中仅有的一部分存储空间。

我们需要网站在原生程序糟糕的地方超越它：分布式和便捷性。我不希望大家为了完成每件事都去商店下载安装并运行一个程序。我希望大家不用信用卡就能接触到免费的内容。你需要一张信用卡才能使用应用程序商店的免费程序 - 这是一个很大的障碍。我希望大家寻找下列火车，预定餐厅，预约医生或寻找任何东西都不需要考虑网络的连接或者设备的选择。我希望人们能拍照并分享图片。我不希望人们为了不去下载每天 50MB 的升级补丁而一直使用不安全且过时的程序。我不希望人们使用手机自带的程序或者把浏览器当作最后稻草。为了做到以上这些，我们需要拥有更出名的实体和更好的播放器的强大渐进式网站。
![购买前记得先尝试](https://christianheilmann.com/wp-content/uploads/2017/06/ApplicationFrameHost_2017-06-27_17-20-27-875x1024.jpg)[渐进式网站就是购买前先尝试](https://twitter.com/lakatos88/status/876713746655215616)

我希望用户们能知道掌控权在自己手中。就像我上周在波兰说的一样，渐进式网站就是可以在购买前先进行试用。你登陆某个网址，发现喜欢你所看到的内容。几次浏览后你决定提升这个网站所能控制的权限，比如离线工作甚至给你发送通知。

一个渐进式网站需要能争取到些权限。因此我们需要一个不错的例子。我不再使用原生的 Twitter 了，[Twitter Lite](https://lite.twitter.com/) 能够使用并节省大量的数据和内存。我给很多人展示过这个例子，大家都卸载了原生的 Twitter 程序。这就是我们需要的。

每次我们提倡使用网站都会不断强调这几点：
- 更加简单的发布方式
- 人人都能接触内容
- 不受制于任何人
- 平台独立，形式独立，邀请独立

当你看到一个日用户量超百万的网站时，情况就很不一样了。

很不幸每个浏览器制造商都有一个跨浏览器协议部门。我们都能为大公司指出他们产品报错的地方并提供解决方法。我们甚至能给予开发者网络工具包以外的解决资源。几乎所有案例中我们都会被问到这样做的商业利益是什么。

当然我们也有不少小胜利，但当前形势下让某人去接受使用网站是很无情的。在我们眼中这样做是非常棒的。

这是为什么？我们拥有技术。我们拥有知识。我们拥有来着无数访谈、书籍和推文的信息。问题是我们应该面向谁。是谁最初建立了如此糟糕的网络？或又有谁在家里搞出了很赞的产品，然而在工作时于由于产品已经无法修复而陷入困境？

当我说我不希望博客成为一款应用程序我不是说你不应该给你的博客增加负荷。我不会阻止任何人去发布内容或使用技术。

但是，我觉得仅仅这样是不够的。我们需要商业上的成功。我们需要打败原生程序的市场。我们需要通过打造更好的依靠网络的解决方式来揭穿原生程序便捷性虚假的一面。

我们已经证明了网站能够良好地支持自我发布内容。目前我们需要面向那些构建iOS 和 Android 应用的人员，为他们的公司提供一个更加功能化的可在线展示的网站。我们可能觉得这是常识，但实际上并不是。我们需要再次提醒人们网络的伟大以及使用网络技术是多么简单。

为此，我们的首要任务便是找到如何在网络上大规模盈利。我们需要找到除了加载广告以外能让用户为内容支付的方式。我们需要展示大量广告及产品的商业型成功案例。 Google 在宣传渐进式网络上花了不少钱。每个大型网络公司都这样做了。我也与合作商联合实现过跨浏览器将普通网站转型为渐进式网站。[这里有很多适合学习的案例](https://developers.google.com/web/showcase/2016/)。我们需要更多的例子。

我不希望开发者为了私人项目需要用空闲时间去学习一项全新的技术。我希望公司能理解渐进式网站的价值以及 - 更重要的是 - 解决目前对网络的误解并且不断地对其进行维护。

如果你认为这些渐进式网站的案例都是与运气有关，是因为参与的人恰好热爱网络 - 请三思。说服一家公司去做一件“十分明显”的事往往要付出极大的精力，以及大量的时间与金钱。许多公司内部的开发者会不顾自己的前途去劝上级使用另一种解决方式来满足需求。我们需要这样做，我们需要提醒大家想要质量就要付出努力，而不是仅仅给一个无法维护的老项目加个 manifest 和 service worker 那么简单。

Jeremy 希望世界变成：
> 我不希望我的屏幕主页布满创业团队和个大公司的标准化应用图标。然而一个布满能够自由发布内容的网站的手机主屏才是我想要的。

我想要做的更多。我希望商业广告的世界和线上交易市场并不只有原生应用程序和封闭的市场。我不希望大家都觉得为了接触一些内容而去买一台 iPhone 很正常。我不希望公司在能用网络开发的时候却为了在应用商店里展示一款应用程序而花大价钱。我觉得我们现在所处的世界正是 Jeremy 所描述的。而且 - 我想再强调 - 如果大家都认为这一个好想法而且想要这么做，那么我希望大家都能接受它。

为了将你目前的网络产品转换为渐进式网站，任何的努力都不会变为徒劳。你做的这些，对产品的质量与寿命而非常有益。这是最棒的地方。但这也意味着你需要控制产品的质量，以让那些有安装 APP 需求的人获得他们所需要的东西。我们之前讨论过这些质量目标，目前有几家公司开始推行他们的想法了。这不意味着我们要审查网络或者让雇员们停工（公司以外也有人为此而工作）。这意味着我们不想再次重演 “HTML5 应用程序用户体验极差”的悲剧。

我已经用了好多年博客了。我从中学到了很多，这很棒。但我不希望网络成为人们所信奉的一件事。我希望大家别把网络当做应用程序的货仓来使用 - 尤其是广告公司。我们为了制作能让大家每天都接触网络的产品而逃避了很多责任。目前应用程序／商店的没落是极好的机会。我希望每个感兴趣有想法的人都参与其中。

我无法想象我会拥有一部全都是人脸图标的手机。这应该是本电话簿才对。同样的道理我用电子书（就是我的浏览器）来阅读。我不需要为每个作者而拥有一款应用程序。

我觉得拥有一款阅读收集器的想法不错，这样可以用来查看最新且能触发灵感的摘要。我喜欢使用能帮我进行寻找的阅读器。这样如果我想和这些著作背后的作者聊聊我可以直接联系他们来交谈，或者 - 更好的是 - 直接和他们见面。

一款应用程序 - 对我而言 - 是用来做一件事的。 这个博客对我而言是一款应用程序，对其他人而言就不是了。你无法进行编辑。我甚至关掉了评论区所以我能花更多的时间在调整内容而不是回答问题上。这就是为什么它不是一款渐进式网络程序。我可以改变这个网站，但我总觉得当你把我的网站放到你的手机主屏上时我就应该多发点文章。

所以当我说个人博客对我而言不是渐进式网站时，这就是我想说的。应用程序是用来做一件事的。如果我除了阅读或者分享外做不了什么，那么你可以把这个网站改成渐进式网站。但我可能不会去安装。我不会去下载 Kim Kardashian 或某个乐队的应用程序也是出于同样的原因。

这和你发表文章的权利没关系。而是有关能否在用户的主屏幕，快速启动栏或者桌面上有限的空间里占得一席之地。如果你喜欢在屏幕上加满朋友的博客或者你喜欢的人 - 很好。我其实想看到在不久的将来出厂手机能为了这类人而自带渐进式网络程序。而不是需要 200MB 升级包，最终又无法升级而遗留安全问题的应用程序。我希望网络连接能集中在最新的设备中，为此我们需要把目标定的更高，做得更好。

---

> [掘金翻译计划](https://github.com/xitu/gold-miner) 是一个翻译优质互联网技术文章的社区，文章来源为 [掘金](https://juejin.im) 上的英文分享文章。内容覆盖 [Android](https://github.com/xitu/gold-miner#android)、[iOS](https://github.com/xitu/gold-miner#ios)、[React](https://github.com/xitu/gold-miner#react)、[前端](https://github.com/xitu/gold-miner#前端)、[后端](https://github.com/xitu/gold-miner#后端)、[产品](https://github.com/xitu/gold-miner#产品)、[设计](https://github.com/xitu/gold-miner#设计) 等领域，想要查看更多优质译文请持续关注 [掘金翻译计划](https://github.com/xitu/gold-miner)。
