WebIM简介本webim是基于layim和欢心webim3开发的。由layim授权。目前完成的功能有:1、好友/群组中文字、表情、图片、文件的在线/离线消息收发。2.查看群成员列表。3.面板快速搜索。4.面板右键自定义事件5.修改签名6.自定义上传背景皮肤7.搜索好友/群组8.添加好友/群组9.新建群组10.消息框显示11.查看/修改个人信息12.实时获取好友在线状态13.一键下线提醒14.文件存储在七牛云15.添加、删除、修改好友/好友组16.群组管理(添加删除管理员/修改群组名片/单个群组memberunmute/kickpeople)说明1)考虑到与app交流的需要(表情、图片等),欢欣的表情定义为类似[/:u]的字符,而layim定义为face[/:u],为了同时满足两种情况,修改了layim.js的表情相关代码,请知悉2)自定义右键的删除功能借鉴了layim的deletehistorysession3)自定义上传皮肤功能增加了setSkinByUser方法在layim.js中,修改了皮肤搜索规则模板,对应的上传路径为class/doAction.php?action=uploadSkin4)面板中的搜索功能修改了layim.js的搜索方式。原则上不建议自己去修改layim.js文件,因为这样不利于后期的维护和升级。部分截图如下体验地址:test.guoshanchina.com体验账号:用户名:911088密码:123456用户名:1??570855密码:123456用户名:1??570845密码:123456用户名:911058密码:123456用户名:910992密码:123456用户名7密码:911066:123456用户名:911100密码:123456用户名:911085密码:123456开始前需要先了解一下layui如何扩展第三方插件,然后在欢信注册账号,创建应用。layui绑定扩展layui.config({base:'static/js/'}).extend({socket:'socket',});layim,套接字初始化layui.use(['layim','jquery','socket'],function(layim,socket){var$=layui.jquery;varsocket=layui.socket;vartoken=$('body').data('token');varrykey=$('body').data('rykey');socket.config({user:token,pwd:rykey,layim:layim,});layim.config({init:{url:'class/doAction.php?action=get_user_data',data:{}},//获取群组成员members:{url:'class/doAction.php?action=groupMembers',data:{}}//上传图片接口,uploadImage:{url:'class/doAction.php?action=uploadImage'//(返回数据格式见下文),type:''//默认post}//上传文件接口,uploadFile:{url:'class/doAction.php?action=uploadFile'//,type:''//默认帖子}//自定义皮肤,uploadSkin:{url:'class/doAction.php?action=uploadSkin',type:'post'//默认帖子},systemSkin:{//选择系统皮肤url:'class/doAction.php?action=systemSkin',type:'post'//默认post},isAudio:false//启用聊天工具栏音频,isVideo:false//打开聊天工具栏video//extendedtoolbar//,tool:[{//别名:'code'//,title:'code'//,icon:''//}],title:'我的webim',copyright:true,initSkin:'1.jpg'//1-5设置初始背景,notice:true//是否开启桌面消息提醒,默认为false,msgbox:layui.cache.dir+'css/modules/layim/html/msgbox.html'//消息框页面地址,如果打不开,删掉这一项,找到:layui.cache.dir+'css/modules/layim/html/find.html'//发现页面地址,如果打不开,删除此项,chatLog:layui.cache.dir+'css/modules/layim/html/chatLog.html'//聊天记录页面地址,如果打不开,删除此项即可});});socket.js的内容太长就不贴了。需要源码的朋友可以在这里下载https://github.com/shmilylbel...当然最好给个star,因为我会继续完善项目【注】github上传的代码去掉了layim.js,所以下载代码后,请在获得layim.js授权runnable后,将layim.js拖入static/layui/lay/modules/文件夹。
