移动和非移动浏览器的相同 Ionic 框架界面？答案

【问题标题】：Same Ionic Framework interface for Mobile and non-mobile browsers?移动和非移动浏览器的相同 Ionic 框架界面？
【发布时间】：2015-09-20 13:11:40
【问题描述】：

我正在开发 2 个相同的 GUI：1 个用于移动设备（使用 Ionic），1 个用于非移动设备。非移动界面是响应式的，所以它已经准备好移动了！所以，99% 的代码都是一样的。

我在 Ionic Framework (Angular) 中开发 GUI 的移动部分。非移动界面仅使用 Angular。我可以简单地将非移动站点（仅限 Angular）合并到 Ionic 项目中。然后，我将只需要维护一个分支。

知道我们可以使用命令“ionic serve”在非移动浏览器中公开 Ionic 接口，我想在生产服务器上简单地使用命令“ionic serve”来公开 ionic 的 Web 接口对于非移动用户。这是一个好习惯吗？如果没有，我应该怎么做才能只有 1 个分支？

【问题讨论】：

您可以拥有 100% 的相同代码（当然除了 cordova 插件）只需将 www 文件夹放到 node/express 服务器上并提供文件，您就拥有相同的移动应用程序和网页。所有 ionic serve 所做的都是在浏览器中打开 index.htlm。
@JessPatton：谢谢！
是的，您的 www 文件夹实际上只是一个网页。当您进行构建时，所有的魔法都会发生并将其变成一个应用程序。

【解决方案1】：

进行离子服务是在您的文件夹www上创建一个网络服务器

这不会为生产执行许多非常有用的操作，例如：

这些任务例如由grunt / gulp 任务或hooks 触发到ionic build 命令（如果您正确配置）。

因此，我向您推荐两种可能性：

这是我更喜欢的一种，因为您可以充分利用 cordova hooks 步骤，并在移动设备和非移动设备上使用相同的挂钩。

在这两种情况下，您都必须执行一些测试，因为 ionic 是针对 Android 和 iOS 开发和优化的，这并非所有手机（例如：windows 手机）和浏览器。我记得在一个项目中为浏览器添加了一些规范类并检测用户是否使用浏览器进行特定行为。

【讨论】：

如果您提出的可能性 1，我会保留我的 Angular 项目并在其中添加一个 Cordova 插件，对吗？我已经有了一个非常详细的 gulp 文件的 Angular 项目。所以在同一个文件夹中，我可以构建我的 ionic 项目，它使用与 Angular 项目相同的文件......在我的 Angular 项目文件夹中，我只需将 Ionic 安装到它？ npm install -g cordova ionic