使用 cordova 在 Web 应用程序和移动应用程序之间共享代码的最佳实践答案

【问题标题】：Best practice to share code across web application and mobile application with cordova使用 cordova 在 Web 应用程序和移动应用程序之间共享代码的最佳实践
【发布时间】：2015-04-25 16:11:18
【问题描述】：

我想使用 Cordova 为浏览器和移动应用程序开发一个 Web 应用程序。我只想维护一个代码库，并让 Cordova 引用 Web 应用程序的代码。现在我在一个文件夹中有 Web 应用程序的代码，在另一个文件夹中有一个 Cordova 项目。

Cordova 可以使用 Web 应用程序的大部分代码，但我需要为移动特定行为添加一些代码，这些代码不适用于桌面浏览器。在这种情况下，我不想将这些添加到 Web 应用程序的代码中。

所以我正在寻找一种在 Web 应用程序和移动应用程序之间共享代码的良好做法（还有一个问题没有解决。Cordova 硬编码 www 并且 Web 应用程序的源位于另一个位置）。我是科尔多瓦的新手。我不确定哪个更好地在移动应用程序中提供这些 html、js、css 文件。我应该将它们全部打包到应用程序中还是在应用程序运行时按需加载。

【问题讨论】：

标签： cordova mobile web-applications

【解决方案1】：

请注意，如果您从远程服务器提供代码，则与服务器的连接可能随时断开，这就是移动设备的本质。如果发生这种情况，可能会阻止浏览应用程序并导致用户界面问题。

但是，如果您想从实际 Web 应用程序中提供 Cordova 特定部分，您可以使用技术from this answer 来告诉您的 Web 应用程序您正在从 Cordova 浏览。然后，您可以将它与 PHP 等服务器端脚本语言结合使用，以选择性地为 Cordova 特定部分提供服务。

例如，如果您从 PHP 脚本提供页面，如果检测到 Cordova，则将 $cordova 设置为 TRUE，否则为 false，您可以执行类似的操作

<body> <a href="...">common section</a> <?PHP if($cordova == TRUE): ?> cordova specific section <?PHP endif; ?> </body>

【讨论】：