最近在升级某公司采用ionic1+angularjs1.x做的一个项目,原项目中用到了微软的signalR技术来实现客户端APP与后端服务器之间的消息推送。
使用了三个第三方js文件。
jquery-2.0.3.js
jquery.signalR-2.2.0.js
serverHub.js (此文件由signalR Hub后台生成的动态js文件保存而至)
不说多余的话了,由于刚开始接触ionic3(不到一天),对于一些术语,特点等也没有细细考究。就说说,怎么在ionic3的ts文件中怎么才能用到serverHub.js中的一些js方法吧。
1.将上述三个文件分别在www和src目录的assets目录下的js目录中复制一份,如果目录不存在,创建,其实目录你也可以改为其它的。
2.然后在index.html中加入
<script src="assets/js/jquery-2.0.3.js"></script>
<script src="assets/js/jquery.signalR-2.2.0.js"></script>
<script src="assets/js/serverHub.js"></script>
放入位置,我放在cordova.js的下一行。
3.在app目录下,我新建了一个serverHub.d.ts文件,内容如下
declare var $:any
4.我现在想在app.component.ts中文件使用它,因此,我需要在此文件中加入
///<reference path="serverHub.d.ts"/>
内容就是这样,就是三个/,放在第一行,其它行是否可行,未试过。
5.然后我就想在constructor函数中,打印出日志来,因此,我简单的
console.log($)
6.这时,在浏览器的控制台上,我看到打印出来了
jQuery的内容,展开此对象,我发现了我想要的东西
7.今天先到这儿,明天去公司完善一下,看是否还有问题。有时间再完善。