将Ionic部署为网站

时间:2015-10-18 08:18:31

标签: angularjs ionic-framework ionic

我创建了一个离子应用,并希望将其部署为网站。在自定义域上部署它的最佳方法是什么?我正在考虑使用azure web app来托管离子应用程序。所有文档都将其用作IOS和Android的混合应用程序。但在这一点上,我们只对其作为一个网站感兴趣。

4 个答案:

答案 0 :(得分:11)

编辑:Ionic 1.2正式supports deployment as a website

正如我在评论中所说的唯一提供的答案 - 我不同意

如果你没有使用任何Cordova插件,那么将www文件夹的内容上传到你的服务器是没有问题的(如果你真的希望),并且你会...拥有相同的应用程序。

然而,重要的是要注意Ionic从未打算用于此类用途,以及您网站的用户"必须有一个最新的浏览器才能看到"网站"正确(没有因为Ionic在CSS或HTML中使用某些旧浏览器不支持的某些功能而导致故障)。

您可以逐步了解如何重新创建应用程序the tutorial。我实际上取出了www文件夹的内容并将其放在网络服务器上,你可以看到它的工作原理。

答案 1 :(得分:7)

这是一个迟到的答案,但作为Ionic 2的官员:

  

使用Ionic 2,我们完全支持网络(包括最终构建的网络)   支持渐进式网络应用程序)作为一个平台   Android,IOS,Windows 10和Electron。感谢您使用Ionic!

并且

  

如果您使用的是某些仅适用于原生的Cordova插件   平台然后这些将不会在网络上工作,但如果你是   使用离子原生,他们会优雅地失败。但如果你远离   从使用那些某些插件,或写入逻辑提供   在网络上的替代方案,它应该完美地工作。还有,我们的   浏览器支持包括Chrome,Safari,Firefox,Opera(因为它只是   现在的铬)和Edge。我们不支持任何版本的Internet   与Ionic的探索者2.所以基本上,只要你保持Cordova   在插件中,同样适用于Android的Ionic 2项目,   IOS或Windows 10设备在浏览器中也可以正常工作。   谢谢!

此源:https://github.com/ionic-team/ionic/issues/7376

根据我在Ionic 1中的经验,在网站上工作很简单,它只是复制/粘贴www目录,实际上,它确实有意义,你正在运行AngularJS网站!您可能会遇到一些错误并且某些功能无效(我的意思是原始插件,例如facebookConnect),但您可以处理它并运行特定于Web的版本。

在我们公司,我们确实有一个应用程序工作作为具有firebase的网站,以及具有相同代码的移动应用程序,但您需要编写几行来处理Web浏览端或移动本机呼叫。

答案 2 :(得分:2)

检查我的答案ionic: using the framework with only HTML5,了解如何将其用作网络应用程序。

您可以在s3上将其部署为静态网站,并使用您的自定义域指向s3。您可以将s3存储桶配置为用作静态网站主机。有很多关于如何去做的教程。

答案 3 :(得分:2)

对于ionic2,添加corbova浏览器平台,然后上传到网络服务器platforms/browser/www