微信小程序中實現(xiàn)一對多發(fā)消息詳解及實例代碼

微信小程序中各個界面之間的傳值和通知比較蛋疼。所以模仿了iOS中的通知中心，在微信小程序中寫了一套類似的通知中心。

通知中心可以做到：1對多發(fā)消息，傳遞object。使用十分簡潔。

使用時，在需要接收消息的界面注冊一個通知名。然后在需要發(fā)消息的界面post這個通知名就可以了。可以在多個界面注冊同一個通知名。這樣就可以1對多發(fā)消息。

使用方法：

1：在app.js中引用notification.jsvar notificationCenter = require('/utils/notification.js'); //這里請改為你的絕對路徑

2：在app.js中添加：App({

onLaunch: function (){

this.notificationCenter = notificationCenter.center();

},

notificationCenter:null,

})

3: 接收通知的page.js中注冊

PageA.js:var app = getApp();

Page({

onLoad:function(options){

app.notificationCenter.register("一個通知名稱",this,"didReceviceAnyNotification");

},

didReceviceAnyNotification:function(name,content){

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

},

})

4: 發(fā)出通知的page.js中

PageB.js 任意函數(shù)var app = getApp();

Page({

anyFunction:function(){

app.notificationCenter.post("通知名稱",{

//任意通知object

}) ;

},

})

實現(xiàn)：

文件下載：http://xiazai.jb51.net/201702/yuanma/wxappNotificationCenter-master(jb51.net).rarvar notificationCenter = {

notificationCenter:{},

// 向通知中心注冊一個監(jiān)聽者。

// name: 監(jiān)聽的通知名稱

// observer: 監(jiān)聽者

// action: 監(jiān)聽者收通知時調(diào)用的方法名，

// func: 監(jiān)聽者收到通知時調(diào)用的函數(shù)，

// action func 2選1

register:function(name,observer,action,func){

if (!name || !observer) return;

if (!action && !func) return;

console.log("注冊通知：",name,observer);

var center = this.notificationCenter;

var objects = center[name];

if (!objects){

objects = [];

}

this.remove(name,observer);

objects.push({

observer:observer,

action:action,

func:func

});

center[name] = objects;

},

// 從通知中心移除一個監(jiān)聽者

remove:function(name,observer){

if (!name || !observer) return;

var center = this.notificationCenter;

var objects = center[name];

if (!objects){

return;

}

var idx;

var object;

for(idx = 0;idx<objects.length;idx++){

var obj = objects[idx];

if (obj.observer == observer){

object = obj;

break;

}

}

if (object){

objects.splice(idx,1);

}

center[name] = objects;

},

// 通過通知中心發(fā)出通知

// name: 通知名稱

// notification: 通知內(nèi)容

post:function(name,notification){

if (!name) return;

console.log("準備發(fā)出通知：",name,notification);

var center = this.notificationCenter;

var objects = center[name];

if (!objects){

objects = [];

}

objects.forEach(function(object){

var observer = object.observer;

var action = object.action;

var func = object.func;

if (observer && action){

func = observer[action];

}

func(notification);

});

console.log("完成向 ",objects.length," 個監(jiān)聽者發(fā)出通知：",name);

}

}

function center(){

return notificationCenter;

}

module.exports.center = center;

總結(jié)

以上是生活随笔為你收集整理的php小程序群发通知,小程序实现群发功能代码的实现的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。