使用带有trigger.io的Ionic Framework需要采取哪些步骤?

时间:2014-06-09 21:08:18

标签: html5 mobile cross-platform trigger.io ionic-framework

我没有成功搜索有关如何将Ionic Framework与trigger.io集成的文档,但我没有看到任何文档。

如果有人知道或有一些,我很乐意看到他们。如果没有,我会冒险前进并在此发布我的步骤:)

1 个答案:

答案 0 :(得分:2)

包括Ionic Framework

Ionic Framework提供了您将包含在HTML中的CSS和JavaScript库。在您的trigger.io应用程序中包含Ionic Framework有两种方法:

1。本地存储文件(开发/生产):

  • 您可以从Ionic CDN
  • 下载Ionic CSS和JavaScript文件
  • 将JS,CSS和fonts文件夹添加到src文件夹中。
  • index.html文件中引用ionic.min.css和ionic.bundle.js,如下所示:
<link href="/css/ionic.min.css" rel="stylesheet"></link>
<script src="/js/ionic.bundle.js"></script>
  • 这与包含HTML中的任何其他库相同。
  • 请注意ionic.bundle.js中包含AngularJS,因此我建议您查看AngularJS API documentation

2。使用CDN(仅限开发):

content delivery network (CDN)是一个服务器系统,可根据位置有效地将文件传送到客户端。

您可以通过从Ionic CDN链接它们来在项目中包含Ionic文件:

<link href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.14/js/ionic.bundle.js"></script>

虽然Ionic仍处于测试阶段,但您应该确保在发布新版本时始终更改CDN链接或下载新文件。

如果可能,我会避免使用CDN,因为如果手机失去互联网连接,可能会导致问题。这也意味着每次应用程序运行时都会重新下载文件。

火力地堡

我还建议您查看Firebase,这是一款适用于移动应用的强大后端解决方案。它还可以处理用户身份验证。

<script src="https://cdn.firebase.com/js/client/2.2.1/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.9.2/angularfire.min.js"></script>