微信小程序发送消息实例详解

大家都知道微信小程序开发以后能够实现很多功能，但是很多人不知道小程序可以发送消息，小编就为大家讲解一下微信小程序发送消息的实例，希望让大家对小程序了解更多。

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

各个微信小程序界面之间的传值和通知比较蛋疼。所以模仿了ios中的通知中心，在微信小程序中写了一套类似的通知中心。

通知中心可以做到：1对多发消息，传递对象。使用十分简洁。

使用时，在需要接收消息的界面注册一个通知名。然后在需要发消息的界面帖子这个通知名就可以了。可以在多个界面注册同一个通知名。这样就可以一对多发消息。

使用方法：

1:在app.js中引用notification.js

？

1 var notification center=require('/utils/notification。js’)；//这里请改为你的路径

2:在app.js中添加：

？

app({

onlaunch:函数{

这个。通知中心=通知中心。居中；

},

notificationcenter:null，})

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

帕格。js :

？

var app=getapp

页面({

onload:function(选项){

app。通知中心。“注册(”一个通知名称，这个，' didreceviceanynotification ')；

},

didreceviceannotification :函数(名称，内容){

console.log('接收到了通知：'、名称、内容);

},

})

4: 发出通知的page.js中

pageb.js任意函数

？

var app=getapp

页面({

anyfunction:function{

app.notificationcenter.post('通知名称',{

//任意通知目标

}) ;

},

})

实现：

文件：http://夏仔。jb 51。net/202102/马援/wxapp notification center-master(jb 51。净额).压缩包

？

var notificationcenter={

notificationcenter:{}，//向通知中心注册一个监听者。

//name:监听的通知名称

//observer:监听者

//action:监听者收通知时调用的方法名，//func:监听者收到通知时调用的函数，//动作功能2选一

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

if(！name ||！观察者)返回；

if(！行动！func)返回；

console.log('注册通知：'、名称、观察者);

var center=this。通知中心；

var objects=center[name]；

if(！对象){

objects=[]；

}

this.remove(name，observer)；

objects.push({

observer:observer，动作：动作，功能：功能

});

center[name]=objects；

},

//从通知中心移除一个监听者

remove:function(name，observer){

if(！name ||！观察者)返回；

var center=this。通知中心；

var objects=center[name]；

if(！对象){

返回；

}

var idx

var对象；

for(idx=0；索引文件

var obj=objects[idx]；

if (obj.observer==observer){

对象=obj

打破；

}

}

if (object){

objects.splice(idx，1)；

}

center[name]=objects；

},

//通过通知中心发出通知

//name:通知名称

//notification:通知内容

post:function(name，notification){

if(！名称)返回；

console.log('准备发出通知：'、名称、通知);

var center=this。通知中心；

var objects=center[name]；

if(！对象){

objects=[]；

}

物体。foreach(函数(对象){

var observer=object.observer

var action=object.action

var func=object.func

if(观察者动作){

func=observer[action]；

}

func(通知);

});

console.log('完成向，objects.length '个监听者发出通知：',名称);

}

}

功能中心{

返回notificationcenter

}

模块。出口。center=center

这里是标题开头微信小程序设置苹方字体怎么操作？这里是标题尾

小编之前在微信小程序商店介绍过小程序字体的样式和颜色设置或者改动，但是都属于小程序内部的字体设置。比较近流行的小程序字体属于小程序的外部字体，那么在微信小程序上如何设置小程序字体呢？我们来看看。

首先大家要小程序“方平字体”。这个很简单。只需在搜索上搜索，你就会有一个链接。

下面是微信小程序设置方平字体的步骤：

首先在网站上选择base64编码，选择格式化字体文件(ttf，eot，woff，svg，woff2)

上传字体

单击转换并文件

解压文件，打开css文件。复制小程序代码，添加到微信小程序索引. wxss

添加字体系列：“您的字体名称”以更改wxss中的字体位置；