微信小程序中实现一对多发消息详解及实例代码

微信小程序中实现一对多发消息详解及实例代码

微信小程序中的页面间通信是一个常见的需求。为了实现更灵活、更高效的通信方式，我们可以借鉴iOS中的通知中心概念，在微信小程序中构建一个类似的通知中心系统。

这个通知中心系统可以实现一对多发消息，并且能够传递对象数据，使用起来非常简单。

一、如何使用

1. 在app.js中引入notification.js文件。

```javascript

var notificationCenter = require('/utils/notification.js'); //请确保路径正确

```

2. 在App对象中进行初始化。

```javascript

App({

onLaunch: function() {

this.notificationCenter = notificationCenter.center();

},

notificationCenter: null,

})

```

3. 在需要接收消息的页面进行注册。例如，在PageA.js中：

```javascript

var app = getApp();

Page({

onLoad: function(options) {

app.notificationCenter.register("myNotification", this, "receiveNotification");

},

receiveNotification: function(name, content) {

console.log("接收到了通知", name, content);

},

})

```

4. 在需要发送消息的页面进行发送。例如，在PageB.js的任意函数中：

```javascript

var app = getApp();

Page({

anyFunction: function() {

app.notificationCenter.post("myNotification", {

// 你可以传递任何对象作为通知内容

});

},

})

```

二、如何实现

在notification.js文件中，你可以实现通知中心的逻辑。这里是一个简单的示例：

```javascript

var notificationCenter = {

center: {}, // 用于存储所有注册的通知和监听者

// 注册一个监听者。当指定名称的通知到来时，会调用对应的函数。

register: function(name, pageInstance, handlerName) {

if (!this.center[name]) {

this.center[name] = [];

}

this.center[name].push({ instance: pageInstance, handler: pageInstance[handlerName] });

},

```javascript

// 注册监听器

注册监听通知功能（name，监听者）: 当你想加入我们的通知网络时，你需要完成以下步骤：

如果没有名称或监听者，那么请返回，因为我们需要知道如何联系你以及你想要接收哪种通知。

我们在控制台记录你的注册信息。

然后，我们检查是否已经存在与你想要接收的通知名称相对应的监听中心。如果不存在，我们会创建一个新的中心并为你准备一个新的列表。接着，我们会从你的列表中移除任何旧的通知信息（如果有的话），并将你的信息添加到新的列表中。你的信息包括你的身份（观察者）、你想要执行的动作以及动作对应的函数。我们更新通知中心的信息列表。这样，当这条通知被发出时，你就可以按照你预设的方式接收并处理它了。

```

接下来是移除监听器的部分。当某个节点决定离开网络时，我们需要确保它不再接收任何通知。这个过程可以描述为：

```javascript

// 从网络中移除监听器

移除监听通知功能（name，监听者）: 当你想离开我们的通知网络时，你需要完成以下步骤：

如果没有名称或监听者信息，我们不需要做任何事情就直接返回。

我们在控制台确认你已经决定离开的信息。然后我们在对应的通知中心找到你的信息列表。如果找不到你的列表信息，说明你已经离开了我们的网络。接着，我们遍历你的信息列表来找到你的详细信息（观察者、动作和函数）。一旦找到你的信息，我们就从你的列表中移除它并更新通知中心的信息列表。这样你就不会再收到这条通知了。

```

最后是发送通知的部分。当某个事件发生时，我们需要向所有注册的相关监听器发送通知。这个过程可以描述为：

```javascript

// 发送通知