如何使用Ionic框架进行Web应用程序开发?

是否有可能使用离子frameowork常规Web应用程序,而不是包装在cordova?

如果包含www / lib /的组件,这是可能的。 – 这个文件夹包含离子(ionic framework+ angularjs)的核心,您可以从那里继续。

不过需要注意的是离子是build立在angularjs的基础之上的,特别是在移动的时候。 要获得更好的Web应用程序开发结果,您应该考虑使用核心angularjs(用于function)和bootstrap3(用于UI)。

V2

Ionic现在支持PWA(networking应用程序),对桌面系统的支持来得太快

Ionic build browser

V1

离子可用于常规的Web开发。 如果所有你需要的是web dev在这里停止。 但是,如果你想让你的应用程序和Web服务从相同的代码库进一步阅读

步骤1

在合并/浏览器/(合并在根级别,即myApp)中创build一个index.html的副本

 <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隐藏/显示或angular度隐藏/显示使用这些

虽然我不相信除了Ionic中的混合Web应用程序之外的任何其他支持,您可以查看Mobile Angular UI以获得支持移动Web的非常类似的替代scheme。

Orane是对的。

当你“节点app.js”你的应用程序运行一个服务器。 我们需要为这台服务器提供我们想要的所有文件。 离子应用程序基本上是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的

根据应用程序的复杂性,绝对有可能在常规Web应用程序中使用Ionic Framework!

在创build应用程序时,会有一个/www文件夹,其中包含所有的HTML,JS和CSS。 这是您的networking应用程序的前端。

大多数networking应用程序都是简单的接口,只需要一点点的逻辑就可以访问数据。 在大多数情况下,你可以把这个逻辑放在你的JS中,让客户端处理这个工作负载。

数据可以通过Firebase或Parse之类的后端即服务(BaaS)解决scheme进行处理。 我喜欢Firebase,因为它与Angular和Ionic很好地结合在一起。

如果您需要连接到需要保密的服务(如信用卡付款),则可以连接到像Zapier这样的服务。

对于托pipe,有一些静态的应用程序主机已经popup专门为无服务器应用程序。 尽pipe他们似乎不再主动推出新function,但我更愿意使用divshot 。

我在这里列出的解决scheme将帮助您保持跨平台的一致性,使离子更好!

我们select混合移动应用程序是ionic framework,但是对于Web应用程序前端部分不在ionic framework中。

例如,我们在Angular Angular或Kendo UI中为Angular AngularJS UI做了Web应用程序部分。

当同一个团队在两个平台(手机和networking)上都能够高效工作时,效率会更高。

希望能帮助到你。