我已经使用以下命令在我的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",但我还没有找到解决方案。
发布于 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
https://stackoverflow.com/questions/49740548
复制相似问题