Question

是否可以将离子框架用于常规Web应用程序而不是将其包装在Cordova中？

Answer 1

如果你包含www / lib /的组件，这是可能的 - 这个文件夹包含离子核心（离子框架+ angularjs），你可以从那里开始。

然而，重要的是要注意离子是建立在angularjs之上，特别是考虑到移动性。要获得更好的Web应用程序开发结果，您应该考虑使用核心angularjs（用于功能）和bootstrap3（用于UI）。

Answer 2

<强> V2

Ionic现在支持PWA（网络应用），对桌面的支持即将推出

Ionic build browser

<强> V1

Ionic可用于常规Web开发。如果你需要的只是web dev停在这里。但如果你想要你的应用程序＆amp; web从同一个代码库中提供服务进一步阅读

第1步

在merges / browser /中创建index.html的副本（合并在根级别，即myApp）包括

<script>
    var is_browser = true
</script>

＆安培;

<body ng-app="myApp" class="platform-website">

第2步

从index.html

中删除不必要的js文件，例如cordova.js

第3步

在app.js中添加

var is_app = (typeof is_browser === 'undefined' && !ionic.Platform.is('browser')
              && ionic.Platform.isWebView());

现在使用css hide / show或angular hide / show使用这些

Answer 3

虽然我不相信Ionic中的混合网络应用程序可以提供更多支持，但您可以查看Mobile Angular UI以获得支持移动网络的非常类似的替代方案。

Answer 4

Orane是对的。

当您＆＃34;节点app.js＆＃34; 时，您的应用会运行服务器。我们需要为此服务器提供我们想要的所有文件。使用 Ionic Application ，它基本上是 www 文件夹。在下面的示例中，我将 www 文件夹的所有内容放到我的公开文件夹中。

我的根文件夹包含 app.js 文件和公开文件夹。这就是 app.js 的样子：

var express = require('express');
var app = express();
var server = require('http').createServer(app);

app.get('/', function (request, response) {
    response.sendFile(__dirname + "/public/index.html");
});
app.use(express.static(__dirname, 'public'));

在公开文件夹中，我拥有所有前端css和js。我们在上面的代码中包含了整个文件夹 public 。现在在公开的index.html中你应该包含 public / 的文件，如下所示：

<script src="public/lalala.js"></script>

所有人都可以随意询问有关Node.js + Ionic Framework的任何信息

Answer 5

根据应用程序的复杂程度，绝对可以将Ionic Framework用于常规Web应用程序！

创建应用时，有一个/www文件夹，其中包含所有HTML，JS和CSS。这是您的网络应用程序的前端。

大多数网络应用程序都是简单的界面，只需要一点点逻辑即可访问数据。在大多数情况下，您可以将该逻辑放在JS中，让客户端处理工作负载。

数据可以通过后端即服务（BaaS）解决方案来处理，例如Firebase或Parse。我喜欢Firebase，因为它与Angular和Ionic很好地联系在一起。

如果您需要连接到需要保密的服务，例如信用卡付款，您可以加入Zapier等服务。

对于托管，有许多静态应用程序托管服务器专门针对无服务器应用程序弹出。我更喜欢divshot，即使他们似乎不再积极推出新功能。

我在此概述的解决方案将帮助您保持跨平台的一致性，使Ionic非常棒！

Answer 6

我们对混合移动应用程序的选择是离子框架，但对于Web应用程序，前端部分不在离子框架中。

例如，我们使用纯Angular或Kendo UI for Angular AngularJS UI进行Web应用程序部分。

当同一个团队在两个平台（移动和网络）上都有效率时效率更高。

希望它有所帮助。

如何使用Ionic Framework进行Web App开发？

6 个答案: