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

xiv*_*ivo 75 mobile web-applications hybrid-mobile-app ionic-framework

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

Ora*_*ane 29

如果你包含www/lib /的组件,这是可能的 - 这个文件夹包含离子核心(离子框架+ angularjs),你可以从那里继续.

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


aWe*_*per 13

V2

Ionic现在支持PWA(网络应用程序),对桌面的支持即将推出

Ionic build browser

V1

Ionic可用于常规Web开发.如果你需要的只是web dev停在这里.但是,如果您希望您的应用和网络从相同的代码库提供服务,请进一步阅读

步骤1

在merges/browser /(合并在根级别,即myApp)include中创建index.html的副本

<script>
    var is_browser = true
</script>
Run Code Online (Sandbox Code Playgroud)

&

<body ng-app="myApp" class="platform-website">
Run Code Online (Sandbox Code Playgroud)

第2步

从index.html中删除不必要的js文件,如cordova.js

第3步

在app.js中添加

var is_app = (typeof is_browser === 'undefined' && !ionic.Platform.is('browser')
              && ionic.Platform.isWebView());
Run Code Online (Sandbox Code Playgroud)

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


use*_*584 6

虽然我不相信除了Ionic中的混合网络应用程序之外什么都不支持,但您可以查看Mobile Angular UI以获得支持移动网络的非常类似的替代方案.