Nativescript，如何在Javascript中使用这个java eventListener？

Question

我正在使用 NativeScript 并已实现 Pusher-Java 库作为依赖项，我可以成功连接并订阅我的 Pusher 频道，但我无法向我的频道添加 SubscriptionEventListener，这是我的代码，它使用 Nativescript 中的 java 库连接到推送器：module.exports = {    connect:function(app_key, channel_name, event_name) {        PusherOptions = com.pusher.client.PusherOptions;        Pusher = com.pusher.client.Pusher;        Channel = com.pusher.client.channel.Channel;        SubscriptionEventListener = com.pusher.client.channel.SubscriptionEventListener;        PusherEvent = com.pusher.client.channel.PusherEvent;        var options = new PusherOptions().setCluster("eu");        var pusher = new Pusher(app_key, options);        pusher.connect();        var channel = new Channel(pusher.subscribe(channel_name));    }};以下是将 SubscriptionEventListener 绑定到通道的 Java 代码：channel.bind("my-event", new SubscriptionEventListener() {    @Override    public void onEvent(PusherEvent event) {        System.out.println("Received event with data: " + event.toString());    }});现在我如何使用 Javascript 绑定它！？我已经尝试了所有我能想到的方法，但仍然无法使用 Javascript 将 SubscriptionEventListener 绑定到通道，谢谢更新我正在使用这种方法，预计会起作用，@Manoj 也在这里回答了：channel.bind(event_name,    new SubscriptionEventListener({        onEvent: function(event) {            console.log(event.toString());        }    }));但它不起作用，我收到此错误：java.lang.RuntimeException: Unable to start activity ComponentInfo{org.nativescript.plugintestproject/com.tns.NativeScriptActivity}: com.tns.NativeScriptException: Calling js method onCreate failedSystem.err: Error: Building UI from XML. @app-root.xml:1:1System.err:  > java.lang.AbstractMethodError: abstract method "void com.pusher.client.channel.Channel.bind(java.lang.String, com.pusher.client.channel.SubscriptionEventListener)"System.err:       com.tns.Runtime.callJSMethodNative(Native Method)

Answer 1

有几件事：

1. 为什么不直接使用 nativescript-pusher 插件呢？它已经存在了...

2. 第二，如果你不想使用它；为什么不借用代码，因为它是在 Apache 2.0 许可证下的。

---

不过，要具体回答你的问题：

const sel = new com.pusher.client.channel.SubscriptionEventListener( {

            onEvent: function(channel, event, data) {

                 console.log("Channel:", channel, "Event", event, "received event with data: " + data.toString());

            }

          } );

首先，在创建事件时，您确实应该使用 FULL 命名空间（这使得创建的内容一目了然）。

其次，你的原型onEvent是错误的。根据文档，它是Channel, Event, Data传递给它的参数。

Answer 2

SubscriptionEventListener是一个接口，您应该实现方法并将实例传递给绑定方法，如文档中所示。

channel.bind("my-event", 

   new SubscriptionEventListener({

    onEvent: function(event) {

        console.log("Received event with data: " + event.toString());

    }

   })

);

Answer 3

module.exports = {

    connect:function(app_key, channel_name, event_name) {

        PusherOptions = com.pusher.client.PusherOptions;

        Pusher = com.pusher.client.Pusher;

        Channel = com.pusher.client.channel.Channel;

        PusherEvent = com.pusher.client.channel.PusherEvent;

        SubscriptionEventListener = com.pusher.client.channel.SubscriptionEventListener;

        ChannelEventListener = com.pusher.client.channel.ChannelEventListener;

        const options = new PusherOptions().setCluster("eu");

        const pusher = new Pusher(app_key, options);

        pusher.connect();

        const channel = new Channel(pusher.subscribe(channel_name));

        const connectedChannel = pusher.getChannel(channel_name);

        let sel = new SubscriptionEventListener({

            onEvent: function(event) {

                console.log(event);

            }

        });

        connectedChannel.bind(event_name, sel);

    }

};