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

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

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

解决方法

包括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中的任何其他库相同.
>请注意,011001包含在ionic.bundle.js中,因此我建议您查看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>

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码