界面效果:


完整源码:

源码解析:

源码相对比较简单,主要包括以下部分:

创建一个消息列表文本框界面,以便显示接收到的消息内容

创建一个input文本控件界面,以便输入要发布的消息内容

创建一个按钮,以便点击时能发布输入的消息内容

采用动态加载模式引入了kfssdk.js

在window.onload中调用了sdk的初始化方法,传入了appid、appkey及所需事件函数

主要响应了三个核心事件:onready事件用于创建或订阅频道;oncreate_channel事件用于开启消息输入模式;onpublish事件用于显示收到的消息