Intraweb HTML5应用程序、git和数据库——它们能兼容吗？

Question

我在新的领域上有些不熟悉，也许这是一个重新发布的帖子（如果是的话>抱歉）。

我需要一些指导，以确定前进方向。我之前制作了一个Android应用程序，并发现自己大部分时间都在处理UI。我希望使用HTML5设计UI并将其分发到Android和iOS。

为了集中精力，我进行了很多关于本地和混合开发的研究。我找到了一堆平台，如PhoneGap、Appcelerator、Trigger.io和AppGyver（后两者很吸引人）。但现在我感到困惑了......

我基本上希望创建一个内部网络环境，允许团队开发HTML5内容，将数据馈送到数据库，同时严格控制开发和数据库版本。

考虑到这样的设置：

• 本地服务器托管源HTML5代码和数据库 - git上游。
• 然后由桌面计算机上的git进行开发
• 移动/平板电脑拉取源（git origin）并创建实例，请求将数据条目发送到上游（从而发送到所有其他远程设备）
• 多个单元可以在同一实例上工作，并贡献拉请求数据到源。他们立即看到更改（逻辑应确保没有冲突 - 考虑ping设备）

如果添加了一些新的HTML5，则无需通过应用商店分发新应用程序（未更改行为因此未违反清单）。

目前，我正在考虑制作一个本地应用程序，其中包含Webview并执行git命令，但我担心会被卡住（没有iOS编程经验）。这是否过度？

我完全不反对混合供应商 - 只是想知道他们是否会让我实现我的目标。

如果有人有关于如何实现类似任务的在线教程链接或可以提供有用的提示/指针，那么我将不胜感激。

我会投票支持所有帮助我的答案，并为最有帮助的答案设置解决方案。

- Norfeldt

---

我不知道这个评论对你是否有用，但最近我也发现了Codename One作为开发跨移动应用的平台，你可以使用Java编写并拥有一个有用的设计师GUI： https://www.codenameone.com/ - Lorenzo

谢谢您的建议。在Eclipse中使用JAVA的主要问题是在XML中进行UI编辑 - 希望通过使用CSS来简化任务（有更多的支持）。 - Norfeldt

Answer 1

我曾经使用过将Web技术打包到本地应用程序中。你需要考虑两个方面。

首先，你的应用程序只是一个简单的HTML页面，还是有花哨的UI、非常动态的UI交互和动画？如果它很复杂且非常动态，请坚持使用本地应用程序。它们的主要优势是性能，它比HTML5中的WebView打包应用程序要好得多。

其次，WebView有许多使用限制。它不像您在手机/平板电脑上使用的Chrome浏览器。太花哨的操作可能会在WebView中出现问题，而您花费的额外时间来构建UI将会花费在解决非常烦人的小问题上。

另一个问题是，在应用程序中捆绑使用git将很难与WebView集成，因为它受到其沙箱限制的影响。我肯定不建议这样做。如果您不使用原生手机硬件，如相机等，则可以在WebView中显示远程HTML5网站。这是一个更简单和安全的选择。

还有一件事需要注意。这些JavaScript库的打包有不同的目标。Cordova（PhoneGap通过一些Adobe支持的功能扩展了此功能）的目标是使您的JS代码可以使用本机电话功能，它与UI无关。提到的Ionic专注于UI开发。还有其他专注于UI的库，可以与PhoneGap/Cordova一起使用。我建议使用Sencha Touch框架进行花哨和动态的基于HTML5的技术UI开发，该框架现在已捆绑在ExtJS 6中。虽然它们是付费框架并需要高级JavaScript编程，但学习曲线非常大。

总之，如果您的目标是更快的UI开发，而应用程序很简单，则可以使用Cordova和另一个专注于UI的框架。但是我建议忘记复杂的Git“即时”应用程序更新。如果您的应用程序使用许多本机功能并且具有非常复杂且大的UI，请坚持使用原生应用程序以获得更好的性能。

另一个需要注意的事情是，良好开发的本地应用程序（在大多数情况下）消耗更少的网络带宽和电池寿命。

希望这些信息对您有所帮助 =)

- Renato Oliveira

Answer 2

我建议您了解Ionic，它是一个强大的HTML5 SDK，可以帮助您使用像HTML、CSS和Javascript这样的Web技术构建具有原生感觉的移动应用程序。Ionic主要关注您的应用程序的外观、感觉和UI交互。这意味着我们不是PhoneGap或您最喜欢的Javascript框架的替代品。相反，Ionic只是为了简化您的应用程序中的一个重要部分：前端而与这些项目很好地融合在一起。我们建议阅读Ionic Framework适用于哪些场景？以了解Ionic的目标。目前，Ionic需要AngularJS才能充分发挥其作用。虽然您仍然可以使用框架的CSS部分，但您将错过强大的UI交互、手势、动画和其他功能。从这里得出的结论是Ionic与PhoneGap集成。我不确定这对您的搜索有多大帮助，但我认为这会有所帮助。

- Caleb Kleveter

Answer 3

PhoneGap - 目前为止，它是最全面的套件之一，允许您以一种方式利用 HTML、CSS 和 Javascript，使您能够拥有单一源解决方案并发布到移动设备平台。

使用您的场景：

1. 在本地 Web 服务器（Intranet）中创建应用程序。 2. 利用 PhoneGap API 来改善数据访问和用户界面。 3. 发布到 GIT/SVN 进行版本控制。 4. 使用 PhoneGap 构建（Build Service - 云服务，将源代码的 zip 文件上传至云端，然后选择您的平台）。 5. 将应用程序作为私有/公共发布到设备目标（IOS、Android、WPhone）。

这样，您的 HTML5 应用程序和您选择的设备上发布/打包的应用程序将完全相同；Web 应用程序和设备应用程序将保持同步。

有用的 PhoneGap 教程：

- PhoneGap 教程 1 - PhoneGap 教程 2

- user384929