Polymer 1.x:从网络到移动

Polymer 1.x: Going from web to mobile

我有一个 Polymer 网络应用程序。我需要将其部署到移动 Android 和 iOS 设备。

问题

Now what do I do? What steps do I need to take? (And where is the documentation?)

I tried using PhoneGap Build 但遇到兼容性问题。

PhoneGap Build 目前不支持 Polymer。

就是我。我进一步研究。

我和那个群里的朋友聊过,他们不知道有这样的项目。

然而,他们确实表示这是可能的,如果网络图书馆支持 ECMA5 (the Javascript standard). I looked into it and found that potentially there is support

但是,我没有任何证据表明这会或不会奏效。我能说的最好的就是尝试以下方法。

  1. 在本地机器(您的 PC)上构建库以确保您理解它。
  2. 使用新的 Crosswalk Webview 库构建 Cordova/Phonegap 应用程序。
  3. 找到一个可以用来测试的非常简单的 Web 组件。相当于 "hello world".
  4. 测试

请告诉我结果如何。

祝你好运,
杰西

除了关于将 Apache Cordova 与 Polymer 结合使用的教程(尽管这是 Polymer 0.5)之外,我不能说我找到了很好的文档:

https://blog.nraboy.com/2014/07/use-polymer-apache-cordova/

我(到目前为止)已经成功地使用 Cordova 构建了我的聚合物应用程序,并且它在浏览器和 Android 上成功运行(尚未尝试 iOS)。

我将我所有的 html 和 css 放在我的 Cordova 项目的 'www' 目录中并且没有构建问题。

我们已经使用 Polymer 和 Cordova 构建了一个内部移动应用程序。

它通常适用于 android 4.4 以上版本,因为 android 4.4 以上版本的 WebView 是 based on the chromium project

至于iOS 8.1 之后的版本,我们到目前为止还没有遇到任何问题。请注意,Polymer 不适用于 iOS7 及以下版本。

如果您需要更现代的网络 API,您可以包括 Crosswalk for Cordova

希望对您有所帮助。

对于 android,最简单的方法是创建一个 webView 并将您的 url 加载到其中。这解决了大部分兼容性问题。 由于 chrome 和 web-view 的渲染引擎都是基于 webkit 的,所以 运行 在 chrome 中的大部分内容也会在 webview 中 运行 。

详情 https://developer.android.com/reference/android/webkit/WebView.html

how to display progress while loading a url to webview in android?

在 IOS 也可以做类似的事情.. iOS: WebView Loading a url

它肯定会稍微增加您的工作量,但它确实会让您出现在两个应用商店中。

Eric Bidelman 在上发表了一篇文章 在 WebView 中使用 Polymer。如何在 Android WebView 应用程序中设置 Polymer。 Here is the link.

https://www.polymer-project.org/0.5/articles/webview.html