最近在升級某公司采用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.今天先到這兒,明天去公司完善一下,看是否還有問題。有時間再完善。