微信小程序基于Wepy开发全局消息通知

前言

时光荏苒,今天上到博客看着断更了的11月的博客,总感觉少了点什么,这么久没有写文章,无疑有一种断枝残柳的感觉;

博主最近一直在搞IM方面的业务,当然客户端主要是微信小程序,相信这个时候你一定有这个想法一闪而过:“微信本身都是一个即时沟通软件了,这么做不是多此一举吗?”,其原因在于如果两个用户不加好友那么就无法进行微信对话的,而小程序不同,只要用户访问进来我就可以与他发起对话,这样做主要是为了促进更进一步的沟通。
微信小程序基于Wepy开发全局消息通知

正文

首先我们需要进行WebSocket的会话连接,相关开发文档可以查阅微信官方(点我查看),这里我就不做基本的连接重连等相关Socket机制讲解,我们主要说说在小程序进行全局的消息监听与通知的一个思路与实现。

在这里我的思路是这样的:Socket连接对象放入到小程序App的全局Global数据中,当进入到页面的时候,引入封装好的mixins,然后进行通知的事件注册,然后引入相关通知的组件,就可以实现全局消息通知的这样一个需求,实际上是很简单的。

比如,我们先在mixins内封装一些基本方法:

下面是一个通知调用的方法,每个项目的业务逻辑不同,可做适当的调整

这里我分享一个我封装的通知弹窗组件

这里上面就是一些核心的基本功能,再进入一个小程序页面的时候,引入对应的组件并调用,然后在onShow的方法内进行事件监听注册,例如新消息的cmd为11,则为:

到这一步,基本的功能就已经实现了,本文主要是讲解一个思路,其实现方法请根据项目的业务进行调整。

后记

2018年还剩下最后一周不到的时间,在这里提前恭祝大家新年快乐!

    A+
所属分类:小程序

发表评论

请在下方填写评论信息

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

表情 粗体 斜体 图片 引用 链接 删除线 下划线 插代码 签到

目前评论:15   其中:访客  10   博主  5

  1. avatar 头条 1  来自天朝的朋友 谷歌浏览器 Windows 7 广西河池市 联通

    文章不错支持一下,非常喜欢

  2. avatar 今日新闻 1  来自天朝的朋友 谷歌浏览器 Windows 7 广西贺州市 联通

    文章不错支持一下吧

  3. avatar wordpress建站 1  来自天朝的朋友 谷歌浏览器 Windows 10 四川省成都市 电信

    小程序过于的谨慎和封闭了

  4. avatar 基地小组 1  来自天朝的朋友 谷歌浏览器 Windows 10 辽宁省大连市 联通

    这里借鉴了,谢谢不错

  5. avatar 基地小组 1  来自天朝的朋友 谷歌浏览器 Windows 10 辽宁省大连市 联通

    之前用即时聊天来实现,这里借鉴了,谢谢不错

  6. avatar 青山 3  来自天朝的朋友 谷歌浏览器 Windows 7 江西省萍乡市 电信

    药不能停,博客不能停!新年快乐

  7. avatar Karolina 1  Indonesia 谷歌浏览器 Windows 10 印度尼西亚

    你好Licoy,我一直在等你回复我关于文章订单的电子邮件。你能回复我吗?谢谢

  8. avatar 青山 3  来自天朝的朋友 谷歌浏览器 Windows 7 江西省萍乡市 电信

    你快成了一个月一更了!新年快乐!

  9. avatar VPS234 0  来自天朝的朋友 谷歌浏览器 Windows 10 四川省成都市 电信

    不错,之前用即时聊天来实现,这里借鉴了,谢谢不错 :smile:

  10. avatar 轩陌 2  来自天朝的朋友 谷歌浏览器 Mac OS X 10_14_2 上海市 电信

    :wink: 大佬666