如何使用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)上都能够高效工作时,效率会更高。
希望能帮助到你。