开发桌面和桌面具有代码重用的移动混合Web应用程序

Question

我们计划为客户构建一个Web应用程序，该应用程序最初将通过桌面浏览器进行访问。但稍后我们需要在iPhone和Android上的移动设备（手机/平板电脑）上提供相同的应用程序。

Web应用程序是典型的库存管理，具有计费功能并且数据密集。顶级管理层将通过移动设备访问大约30-50％的Web应用程序。

我们计划将ASP.NET Web Forms，jQuery，AJAX用于桌面版应用程序，并使用PhoneGap为移动设备构建混合应用程序（应用程序可能在某些情况下使用相机）。

现在我们正处于规划阶段，并希望构建Web应用程序是这样一种方式，我们可以重新使用大部分代码或至少尽可能地减少工作量。

我们都精通ASP.NET Web Forms，jQuery＆amp; AJAX。桌面应用程序的设计类似于SINGLE PAGE应用程序。我们将使用jQuery＆amp; AJAX从服务器提取内容并嵌入现有页面，因此没有页面刷新。

我们是混合移动开发的新手。所以有几个问题：

1. 根据我在本网站和其他网站上看到的内容，我们需要一个主索引页面，它将通过AJAX调用其他页面...这是正确的吗？
2. 现在，PhoneGap基本上打包HTML，JavaScript＆amp; CSS文件，所以PhoneGap如何与ASP.NET Web Forms一起使用，如HTML，JavaScript＆amp; CSS实际上来自服务器。
3. 我已经读过某些地方，在IPhones上，您只能与服务器通信以获取数据。如果您尝试在服务器上提取/生成布局（HTML与ASP.NET一样），则应用程序将被拒绝。
4. 我们的主要目的是重用＆amp;减少努力。 ASP.NET Web Forms，jQuery，AJAX也是建议用于桌面和桌面的技术。混合移动应用程序或您是否建议使用其他替代技术。

这个领域的专家能帮助我吗？

Answer 1

1：如果您正在制作可能是设置的单页应用程序。 ASP.NET和Web Tools 2012.2更新随附用于构建此类单页应用程序的模板。如果我正在做这个项目，我会创建负责某些功能的控制器，然后通过主索引页面中的jQuery和Javascript来使用它们。

2＆amp; 3：我建议您完全基于Web保存应用程序，用户通过Web浏览器与页面进行交互。

4：Foundation是一个用于敏捷桌面/移动混合开发的惊人开源框架，具有许多出色的功能。它允许轻松创建适合移动/桌面显示的网格布局。

Answer 2

还可以研究PhoneGap竞争对手Ionic 4，该竞争对手一直在积极维护并得到社区的大力支持。在Ionic中，您还可以使用诸如React / Vue / Angular，Cordova / Capacitor等新技术。通过Ionic 4生成的应用程序可以在Android，iOS，桌面软件以及移动/桌面网站（PWA）中使用。
您还可以将新库用于混合应用和PWA，例如react-native-web。

详细的比较和更多替代方法在this answer中进行了说明。