【发布时间】:2017-08-31 05:52:57
【问题描述】:
我想构建一个在 iPad 上使用的 React webapp。
基本上我只想点击我的 WebApp 的主屏幕,它应该以全屏模式打开。
但我不确定是否可以在 iPad 上做到这一点,当我搜索这个主题时,我只找到了 react-native 的东西。但是我想知道是否可以通过简单的反应来做。
谁能告诉我这是否可行,如果可以,我应该怎么做?
【问题讨论】:
标签: ios reactjs ipad uiwebview
我想构建一个在 iPad 上使用的 React webapp。
基本上我只想点击我的 WebApp 的主屏幕,它应该以全屏模式打开。
但我不确定是否可以在 iPad 上做到这一点,当我搜索这个主题时,我只找到了 react-native 的东西。但是我想知道是否可以通过简单的反应来做。
谁能告诉我这是否可行,如果可以,我应该怎么做?
【问题讨论】:
标签: ios reactjs ipad uiwebview
您可以创建一个简单地呈现标准 HTML/JS 的应用程序,就像用户在浏览器中使用 PhoneGap 之类的东西一样。基本想法是在您的移动设备上放置一个链接到常规网站的应用程序图标。这就是你在移动设备上使用 React 所必须做的,就像它是一个应用程序一样。或者,人们可以通过浏览器访问您的 React 站点。
React Native 转换为 Android 和 iOS 代码(Java 和 Swift),然后您将其编译成 2 个本机应用程序。一款适用于 iOS,一款适用于 Android。它的外观和行为很像 ReactJS,但它是一个不同的野兽,大多数常规的 React 应用程序在没有重大改变的情况下无法移植到 React Native。
【讨论】:
如果您想将其保留在 Web 上,您可以使用 Service Worker 创建一个渐进式 Web 应用程序。谷歌有一个很棒的通用教程https://developers.google.com/web/fundamentals/getting-started/codelabs/your-first-pwapp/。 PWA 可以有一个保存到主屏幕选项,您的 Web 应用程序像应用程序一样存储在用户主屏幕上,并且可以全屏查看。
或者 Addy Osmani 的特定 React 实现可在此处获得 - https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-i-introduction-50679aef2b12。
我在毕业前为一个大学项目创建了一个 PWA,这非常有趣。浏览器开始更多地采用这一点,并引入了其他功能特性,例如后台同步。
【讨论】: