在Ionic 3中添加JS包
在Ionic 3中添加JS包
提问于 2018-04-10 03:45:31
我已经使用以下命令在我的ionic应用程序中安装了laravel-echo包：
npm install --save laravel-echo pusher-js现在包已经下载了，我在我的应用程序中包含这个有点麻烦。我在我的应用程序中有一个销售页面，我想在那里显示来自我的服务器的实时更新。
这是一个标准的javascript库，而不是一个typescript库，那么我该如何在ionic的页面中包含它呢？
我在上搜索了“how to include and load javascript package in ionic 3"和"how to use laravel-echo in ionic"，但我还没有找到解决方案。
回答 1
Stack Overflow用户
发布于 2018-09-28 05:31:06
我正在寻找类似的解决方案，并使用laravel-echo-io和socket-io使其正常工作。
首先，确保您安装了
npm i laravel-echo-ionic --save
npm install --save socket.io-client
npm install创建测试页
ionic g page test-socket并将其添加到test-socket.ts中
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import {Echo} from 'laravel-echo-ionic';
@IonicPage()
@Component({
selector: 'page-test-socket',
templateUrl: 'test-socket.html',
})
export class TestSocketPage {
echo:any;
constructor() {
this.echo = new Echo({
broadcaster: 'socket.io',
host: 'https://yoursocket.com',
// if you have any token auth
auth: {
headers: {
Authorization: 'Bearer ' + 'your token'
}
}
});
}
ionViewDidLoad() {
console.log(this.echo);
//Enter the channel and add the event you wanna listen
this.echo.channel('yourchannel')
.listen('TestEvent', (e) => {
console.log(e);
});
}
}我在github上的原始答案：https://github.com/laravel/echo/issues/190
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49740548
复制相关文章
相似问题