使用 phonegap 将动态网站转换为应用程序

Posted 2023-03-07

【中文标题】使用 phonegap 将动态网站转换为应用程序

【英文标题】：Converting dynamic website to app using phonegap

【发布时间】：2016-01-07 09:42:00

【问题描述】：

我已经有以html5、javascript和php作为后端的动态响应网站。客户想要将其转换为应用程序，因为他需要离线功能。我对此完全陌生。真的很困惑如何去做。我们已经设法编写了用于加载主数据的 sqlite 查询。但仍然不确定所有事情是如何落实到位的。我们是否还必须包括 jquery mobile。请指导。

【参考方案1】：

有几件事要记住。我将首先解决最简单的问题——不，您不需要使用 jQuery Mobile。 jQuery Mobile 为您的应用程序提供了一个漂亮的 UI 和一个类似 SPA 的框架，但它本身并不是必需的。例如，您可以使用 Ionic 之类的其他东西。

至于转换，在高层次上，这是需要发生的。

假设您当前的 PHP 站点有 2 个页面。主页是人员列表。您单击一个人，然后转到详细信息页面。你有 2 个 php 页面。第一个简单地执行 SQL 查询以获取人员，第二个执行 SQL 查询以根据查询参数获取一个人员。

在您的 PhoneGap 应用程序中，您的代码都在用户的设备上，这意味着没有 PHP。你的主页需要吸引人，所以它必须在你的应用服务器上调用一个 API。您可以像现在一样使用 PHP 来执行 SQL，但不是将其显示为简单的 HTML 列表，而是将其输出为 JSON。

在 PhoneGap 端，您可以通过 JavaScript 调用它，然后呈现结果。

详细视图也是如此 - 您需要在服务器端使用 API 来返回有关此人的信息。

我希望这会有所帮助。我也有一个完整的博客条目，带有演示，在这里：http://www.raymondcamden.com/2012/05/05/converting-a-dynamic-web-site-to-a-phonegap-application

【讨论】：

感谢您的回复。我已经看过您关于转换的页面。在我们的案例中，我们希望应用程序离线工作，因此我们调用服务器加载初始数据，然后将数据保存到手机。但是，我们不确定这是否会导致手机过载，以及如何使用 phonegap 进行集成。我们应该完全改变用户界面吗？由于在该领域缺乏基础，因此存在如此多的疑虑。

您可以很容易地将数据存储在移动设备上 - 请参阅 Cordova 文档进行评论。 “过载” - 好吧，显然您无法存储大量数据，但您绝对可以在本地存储合理数量的信息。