WebIM 即时通信

如何使用

  • 1 安装插件

     
    <!DOCTYPE html>
    <html>
    <head>
        ……
        <link href="js/plugins/layer/layim/layim.css">
    </head>
    <body>
    ……
        <script src="js/plugins/layer/layer.min.js"></script>
        <script src="js/plugins/layer/layim/layim.js"></script>
    </body>
    </html>
  • 2 插件配置

     
    在js/plugins/layer/layer.min.js中找到如下内容,进行自定义设置:
    ___________________________________________________________________
    var config = {
        msgurl: 'mailbox.html',
        chatlogurl: 'mailbox.html',
        aniTime: 200,
        right: -232,
        api: {
            friend: 'js/plugins/layer/layim/data/friend.json', //好友列表接口
            group: 'js/plugins/layer/layim/data/group.json', //群组列表接口
            chatlog: 'js/plugins/layer/layim/data/chatlog.json', //聊天记录接口
            groups: 'js/plugins/layer/layim/data/groups.json', //群组成员接口
            sendurl: '' //发送消息接口
        },
        user: { //当前用户信息
            name: '游客',
            face: 'http://tp1.sinaimg.cn/1670071920/180/1287996904/1'
        },
    
        //自动回复内置文案,也可动态读取数据库配置
        autoReplay: [
            '您好,我现在有事不在,一会再和您联系。',
            '你没发错吧?',
            '洗澡中,请勿打扰,偷窥请购票,个体四十,团体八折,订票电话:一般人我不告诉他!',
            '你好,我是主人的美女秘书,有什么事就跟我说吧,等他回来我会转告他的。',
            '我正在拉磨,没法招呼您,因为我们家毛驴去动物保护协会把我告了,说我剥夺它休产假的权利。',
            '<(@ ̄︶ ̄@)>',
            '你要和我说话?你真的要和我说话?你确定自己想说吗?你一定非说不可吗?那你说吧,这是自动回复。',
            '主人正在开机自检,键盘鼠标看好机会出去凉快去了,我是他的电冰箱,我打字比较慢,你慢慢说,别急……',
            '(*^__^*) 嘻嘻,是贤心吗?'
        ],
    
        ……
  • 3 输出数据

     

    按照js/plugins/layer/layim/data/的json文件提供的数据接口输出规定的数据格式,注意:如果第二步修改了api的内容,注意输出数据的路径。

http://www.zi-han.net/theme/hplus/webim.html 

转载于:https://my.oschina.net/sloan521/blog/830885

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WebIM说明 WebIM是一款基于jQuery的一款web即时通讯插件,姑且这么称呼吧。插件最大程度实现了IM的常用功能,除即时通讯的常用功能外,还加入了:消息盒子、窗口抖动、添加删除好友、最近联系人、超时登录界面、网站小秘书、聊天记录、发送频率限制、发送产品、发送名片、发送表情、产品分享、黑名单、举报、收藏、公告、智能网址过滤、消息提醒、修改资料、名片二维码、禁止粘贴、收起联系人列表、推荐好友等30余项改进。全浏览器兼容。 插件调用简单方便,只需在现有的web系统中加入几行代码,理论上可嵌入任何web系统。 2012年项目,已不再维护。 配置 $(function() { $(document).FnWebIM({ autoLogin :true, //boolean型,默认是否自动登录,true:自动登录,false:手动登录,默认为true msgRefreshTime :1000, //number型,消息刷新时间,单位为ms friendRefreshTime :10000, //number型,好友刷新时间,单位为ms showSecretary :true, //boolean型,默认是否显示小秘书,true:显示,false:不显示,默认为true noticeContent :"唐僧师徒历经千辛万苦,终于见到了佛祖……", //string型,公告内容 为空时不显示公告 sendPicture :true, //boolean型,是否允许发送图片,true:允许,false:不允许,默认为true msgMaxSize :300, //number型,单条消息最大允许字符 msgSound :false, //boolean型,是否开启声音提醒,true:开启,false:关闭,默认为true defaultWindow :"" //string型,登录后打开新聊天窗口,此处接收的参数为联系人的uid,否则会出错 }); }); 详细说明文档 http://www.zi-han.net/case/im/help.html 示例 http://www.zi-han.net/developer/721.html 注意 请在服务器(如localhost)环境下打开
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值