是否可以将离子框架用于常规 Web 应用程序，而不是将其包装在 Cordova 中？
问问题
51374 次
6 回答
29
如果您包含 www/lib/ 的组件，这是可能的 - 此文件夹包含 ionic 的核心（离子框架 + angularjs），您可以从那里继续。
然而，重要的是要注意 ionic 是建立在 angularjs 之上的，特别是考虑到移动设备。为了在 Web 应用程序开发中获得更好的结果，您应该考虑使用核心 angularjs（用于功能）和 bootstrap3（用于 UI）。
于 2014-04-07T07:45:55.307 回答
14
V2
Ionic 现在支持 PWA（网络应用程序）并且对桌面的支持来得太早了
Ionic build browser
V1
Ionic 可用于常规 Web 开发。如果您只需要 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 使用这些
于 2016-03-30T03:36:13.687 回答
6
虽然我认为 Ionic 中除了混合 Web 应用程序之外没有太多支持，但您可以查看Mobile Angular UI以获得非常类似的支持移动 Web 的替代方案。
于 2014-10-04T15:02:09.633 回答
4
奥兰是对的。
当您“node app.js”时，您的应用程序运行服务器。我们需要为这个服务器提供我们想要的所有文件。使用Ionic 应用程序，它基本上是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。现在在public的 index.html 中，您应该包含带有public/的文件，如下所示：
<script src="public/lalala.js"></script>
祝一切顺利，任何人都可以随意询问有关 Node.js+Ionic 框架的任何问题
于 2015-01-07T14:25:42.020 回答
1
根据应用程序的复杂性，绝对可以将 Ionic 框架用于常规 Web 应用程序！
当你创建你的应用程序时，会有一个/www文件夹包含你所有的 HTML、JS 和 CSS。这是您的网络应用程序的前端。
大多数 Web 应用程序都是简单的接口，它们访问数据之间只有一点点逻辑。在大多数情况下，您可以将该逻辑放入您的 JS 中并让客户端处理工作负载。
数据可以由Firebase或Parse等后端即服务 (BaaS) 解决方案处理。我喜欢Firebase，因为它与 Angular 和 Ionic 结合得很好。
如果您需要连接到需要保密的服务，例如信用卡支付，您可以连接到Zapier 之类的服务。
对于托管，有许多专门为无服务器应用程序弹出的静态应用程序托管程序。我更喜欢divshot，即使他们似乎不再积极推出新功能。
我在这里概述的解决方案将帮助您保持跨平台的一致性，这让 Ionic 变得很棒！
于 2015-10-07T23:53:24.077 回答
0
我们对混合移动应用程序的选择是 ionic 框架，但是对于 Web 应用程序的前端部分不在 ionic 框架中。
例如，我们在纯 Angular 或Kendo UI 中为 Angular AngularJS UI做 Web 应用程序部分。
当同一个团队可以在两个平台（移动和网络）上高效时，效率会更高。
希望能帮助到你。
于 2016-04-13T07:01:50.283 回答