大家好，感谢邀请，今天来为大家分享一下我用跨平台Web应用替换了本机iOS应用程序，但没人注意到它的问题，以及和的一些困惑，大家要是还不太明白的话，也没有关系，因为接下来将为大家分享，希望可以帮助到大家，解决大家的问题，下面就开始吧！

不知何故，我的跨平台Web应用程序实际上更稳定。我认为我浪费了很多时间开发本机iOS应用程序。

这一切都始于制作一个可以帮助父母安排孩子上学的应用的想法。

我是3个孩子的父亲。在工作中，有许多强大的工具可以帮助我组织和管理团队，但是在家里，没有工具可以帮助我安排孩子上学，这每次都会混乱，这使我对此感到非常烦恼。所以我想，为什么不为孩子们列出待办事项清单呢？我可以使它看起来像游戏，甚至嵌入了游戏设计元素，以帮助孩子保持专注和敬业。

因此，我开发了“学校晨间*惯”，并且效果很好。现在，孩子们为学校做准备的时间减少到原始的30，而我们na的时间减少了95（是的，我算了）。

但是在开发过程中，我犯了一个大错误。我浪费了很多时间开发本机iOS应用程序。

为什么最开始我选择了原生开发

在2022年，启动移动应用程序项目的最大问题是，您有许多完全不同的技术方向供您选择：本机应用程序，跨平台Web应用程序，React Native，React Antive，flutter，Progressive Web应用程序，Xamarin等。

默认解决方案是为iOS编写代码3次，一次用于Android，一次用于Web。

但是，对于美国软件开发人员来说，多次编写相同的代码是非常令人不安和不自然的。因此，多年来，我们尝试了数十种方法来尝试实现“一遍，到处跑步”，但它们都涉及令人讨厌的权衡。

如果选择跨平台Web应用程序，则只需要使用通用Web技术编写代码，然后将其部署到多个平台，涉及iOS和Android功能的少量本机代码，这些代码无法在浏览器中运行。

但是，您需要在绩效方面进行权衡。

在2014年，我尝试开发一个具有离子框架的其他应用程序，然后我和大多数人都发现了一个统一的问题：Android和iOS在运行Web应用程序方面做得不好。

他们的反应缓慢，表现得不可预测，间歇性，并出现在闪光中。触摸屏互动体验也很奇怪。

因此，我确定在那个学校的早晨例行活动的早期不应该是跨平台的Web应用程序。该应用程序将大量使用游戏风格的动画，因为它是给孩子的，因此需要出色的触摸屏互动体验。

不知为何，我的跨平台 Web 应用实际上更稳定

因此，我决定开发一个本机应用程序。本地应用通常是风险最小，质量最高。当然，两次执行同一应用程序并不是一件好事，但毕竟这是一个小应用程序，我相信艰苦的工作比魔术更重要。

首先，我制作了一个漂亮的iOS应用程序，并与测试用户进行了几次迭代。然后，我将其发布在App Store上，并获得了一些用户反馈。除了获得五星级的赞美之外，还提供了用户的电子邮件。用户在电子邮件中说，该应用程序如何改变他们的生活和工作。

我很高兴我取得了一些结果，并决定接下来开发Web应用程序。我使用了React，以及CSS动画，制定器和一些Lottie动画。开发完成后，我花了整个下午仔细调整表演，只是试图确保没有不必要的渲染。

到那时，我的孩子们已经使用了School Morning套路，这是本地iOS版本已有数周了。为了测试这个新的跨平台Web版本，我将其安装在孩子的iPad上。他们可以使用它来测试和准备上学。

有趣的是，我忘了告诉他们该应用程序已从本地变成网络，但是第二天早上他们没有注意到。

他们没有注意到。

他们甚至没有注意到。

如果您没有孩子，您可能不会意识到这一点。你知道，孩子们总是抱怨一切。真的，一切。但是，当我第二天问他们是否注意到任何不同的东西时，他们不仅没有抱怨该网络应用程序，而且还要感谢我，因为我在网络版本中使用了不同的动画，其中两个喜欢它。

它们是对的，动画的新版本与黄油一样流畅，触摸屏交互体验更准确。

我很震惊。也许只是因为iPad的性能很好？所以我出去买了一个低端的Android平板电脑。我选择了一个功能配置不佳的一个，即使我打开设置时，屏幕也不光滑。但这也是一个重要的测试，因为对于许多人来说，这是他们唯一可以使用的设备。

我加载了学校的早晨例行活动，猜猜它是什么，它效果很好。尽管不是很好，但这只是一个低端的Android平板电脑，您还能期待什么？

因此，我走到办公桌前，删除了我的本机iOS应用程序，并决定使用离子电容器。

现在，我将开发一个可以在三个平台上运行的应用程序。我的构建脚本中有3个命令，用于部署到iOS，Android或AWS网站。

这太酷了！

从那时起，我就在Android，iOS和网络上发布了学校晨间例行活动。我的iOS用户不仅没有注意到它，而且漏洞的数量也减少了。有一个麻烦的错误与渲染表视图有关。此问题仅发生在iOS 14上，并且它打印的堆栈跟踪信息没有用.但是在我的跨平台Web应用程序中，此问题不存在。

跨平台Web应用程序发布后出现的线条

不知何故，我的跨平台Web应用程序实际上更稳定！

这是怎么回事？

一个针对儿童开发的，到处都是动画，实际上是一个网络应用程序。怎么可能？

事实证明，在2022年，写作的梦想可以在任何一个应用中终于实现。

对于跨平台Web应用程序，成本和收益之间的权衡总是以较短的开发时间的绩效交易。对于2014年大多数应用程序而言，这是一个不良的权衡。但是在过去的8年中，许多事情发生了变化。浏览器性能正在稳步改善：

Web应用程序开发工具的类型和成熟度也在增加。现在，我们有反应和打字稿。 IDE和Chrome调试者比本地应用开发工具领先几年。有许多创新的设计模式和开源库可以实现您的目标。 JavaScript的世界比Swift或Kotlin的世界更具活力和色彩丰富。

在2022年，成本和收益之间的权衡发生了变化。

跨平台 Web 应用的时代正在到来

我一直是Ionic的忠实拥护者。他们几年前创办了一家公司，并是跨平台Web应用程序的早期倡导者。我喜欢他们所做的工作，但我总是为他们感到难过。他们似乎以错误的方式押注，支持跨平台Web应用程序的技术无法支持他们的梦想。

但是直到今天，我认为技术发展终于与Ionic的愿景保持一致。

也许您很疯狂地为几年前开发一个跨平台的网络应用程序，例如School Morning工作。这确实没有错！真漂亮，真的！我已经在Google Play商店和Apple App Store上发布了此应用程序，您甚至可以在线使用它。

乔什·沃尔（Josh Wardle）不仅是我，去年年底开发了Wordle，现在这款手机游戏正在吸引世界。正如我在另一篇文章（https://uxdesign.cc/wordle-is-a-masterclass-in-product-design-simplicity-52De1ba06d85）中所写的那样，它甚至没有本地版本，它只是一个使用Web组件开发的渐进式Web应用程序。

结论

我希望在开始开发学校晨间工作时能阅读此类文章。过去，我忽略了跨平台Web应用程序，只是因为我以为它们太慢了，但是我没想到它们可以完美匹配我的应用程序。

浏览器和Web技术每年都变得越来越强大，每年都会在平台上开发更多类型的应用程序。

因此，在开始下一个项目之前，为什么不考虑跨平台Web应用程序？也许它们真的不适合您的项目，但是也许像我一样，您会发现它们可以“写过一次，到处奔跑”。我认为这是非常意外的。