remove im-demo.html
This commit is contained in:
sentsin
parent
4fa2804680
commit
760a76ea38
@ -1,209 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>layim - layui</title>
|
||||
|
||||
<link rel="stylesheet" href="../src/css/layui.css">
|
||||
<style>
|
||||
html, body{background-color: #333;}
|
||||
body{height: 3000px;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
|
||||
<script src="http://local.res.layui.com/lay/lib/layer/src/layer.js?v=2.4"></script>
|
||||
|
||||
|
||||
|
||||
<script src="../build/layui.js"></script>
|
||||
<script>
|
||||
|
||||
layui.use('layim', function(layim){
|
||||
|
||||
//建立WebSocket通讯
|
||||
/*
|
||||
var socket = layui.socket('/im/', {
|
||||
'force new connection': false
|
||||
});
|
||||
|
||||
socket.emit('system', {});
|
||||
*/
|
||||
|
||||
var autoReplay = [
|
||||
'您好，我现在有事不在，一会再和您联系。',
|
||||
'你没发错吧？face[微笑] ',
|
||||
'洗澡中，请勿打扰，偷窥请购票，个体四十，团体八折，订票电话：一般人我不告诉他！face[哈哈] ',
|
||||
'你好，我是主人的美女秘书，有什么事就跟我说吧，等他回来我会转告他的。face[心] face[心] face[心] ',
|
||||
'face[威武] face[威武] face[威武] face[威武] ',
|
||||
'<（@￣︶￣@）>',
|
||||
'你要和我说话？你真的要和我说话？你确定自己想说吗？你一定非说不可吗？那你说吧，这是自动回复。',
|
||||
'face[黑线] 你慢慢说，别急……',
|
||||
'(*^__^*) face[嘻嘻] ，是贤心吗？'
|
||||
];
|
||||
|
||||
//基础配置
|
||||
layim.config({
|
||||
|
||||
//初始化接口
|
||||
init: {
|
||||
url: './json/layim/getList.json'
|
||||
,data: {}
|
||||
}
|
||||
|
||||
//,minRight: '90px'
|
||||
|
||||
/*
|
||||
,mine: {
|
||||
"username": "LayIM体验者" //我的昵称
|
||||
,"id": "100000123" //我的ID
|
||||
,"status": "online" //在线状态 online：在线、hide：隐身
|
||||
,"remark": "在深邃的编码世界，做一枚轻盈的纸飞机" //我的签名
|
||||
,"avatar": "a.jpg" //我的头像
|
||||
}
|
||||
*/
|
||||
|
||||
//简约模式（不显示主面板）
|
||||
//,brief: true
|
||||
|
||||
//,title: 'WebIM'
|
||||
|
||||
//查看群员接口
|
||||
,members: {
|
||||
url: './json/layim/getMembers.json'
|
||||
,data: {}
|
||||
}
|
||||
|
||||
//上传图片接口
|
||||
,uploadImage: {
|
||||
url: '/upload/image' //（返回的数据格式见下文）
|
||||
,type: '' //默认post
|
||||
}
|
||||
|
||||
//上传文件接口
|
||||
,uploadFile: {
|
||||
url: '/upload/file' //（返回的数据格式见下文）
|
||||
,type: '' //默认post
|
||||
}
|
||||
|
||||
//,right: '100px'
|
||||
//,skin: ['http://cdn.firstlinkapp.com/upload/2016_4/1461747766565_14690.jpg'] //皮肤
|
||||
//,isfriend: false //是否开启好友
|
||||
//,isgroup: false //是否开启群组
|
||||
//,min: true //是否始终最小化主面板（默认false）
|
||||
,chatLog: '/chat/log/' //聊天记录地址
|
||||
,find: '/find/'
|
||||
//,copyright: true //是否授权
|
||||
});
|
||||
|
||||
/*
|
||||
layim.chat({
|
||||
name: '在线客服-小苍'
|
||||
,type: 'kefu'
|
||||
,avatar: 'http://tva3.sinaimg.cn/crop.0.0.180.180.180/7f5f6861jw1e8qgp5bmzyj2050050aa8.jpg'
|
||||
,id: -1
|
||||
});
|
||||
layim.chat({
|
||||
name: '在线客服-心心'
|
||||
,type: 'kefu'
|
||||
,avatar: 'http://tva1.sinaimg.cn/crop.219.144.555.555.180/0068iARejw8esk724mra6j30rs0rstap.jpg'
|
||||
,id: -2
|
||||
});
|
||||
layim.setChatMin();*/
|
||||
|
||||
//监听发送消息
|
||||
layim.on('sendMessage', function(data){
|
||||
var To = data.to;
|
||||
console.log(data);
|
||||
|
||||
|
||||
|
||||
//演示自动回复
|
||||
setTimeout(function(){
|
||||
var obj = {};
|
||||
if(To.type === 'group'){
|
||||
obj = {
|
||||
username: '模拟群员'+(Math.random()*100|0)
|
||||
,avatar: layui.cache.dir + 'images/face/'+ (Math.random()*72|0) + '.gif'
|
||||
,id: To.id
|
||||
,type: To.type
|
||||
,content: autoReplay[Math.random()*9|0]
|
||||
}
|
||||
} else {
|
||||
obj = {
|
||||
username: To.name
|
||||
,avatar: To.avatar
|
||||
,id: To.id
|
||||
,type: To.type
|
||||
,content: autoReplay[Math.random()*9|0]
|
||||
}
|
||||
}
|
||||
layim.getMessage(obj);
|
||||
}, 1000);
|
||||
});
|
||||
|
||||
//监听在线状态的切换事件
|
||||
layim.on('online', function(data){
|
||||
console.log(data);
|
||||
});
|
||||
|
||||
|
||||
|
||||
//layim建立就绪
|
||||
layim.on('ready', function(res){
|
||||
|
||||
console.log(res.mine);
|
||||
|
||||
//添加好友（如果检测到该socket）
|
||||
layim.addList({
|
||||
type: 'group'
|
||||
,avatar: "http://tva3.sinaimg.cn/crop.64.106.361.361.50/7181dbb3jw8evfbtem8edj20ci0dpq3a.jpg"
|
||||
,groupname: 'Angular开发'
|
||||
,id: "12333333"
|
||||
,members: 0
|
||||
});
|
||||
layim.addList({
|
||||
type: 'friend'
|
||||
,avatar: "http://tp2.sinaimg.cn/2386568184/180/40050524279/0"
|
||||
,username: '冲田杏梨'
|
||||
,groupid: 2
|
||||
,id: "1233333312121212"
|
||||
,remark: "本人冲田杏梨将结束AV女优的工作"
|
||||
});
|
||||
|
||||
//接受消息（如果检测到该socket）
|
||||
layim.getMessage({
|
||||
username: "贤心"
|
||||
,avatar: "http://tp1.sinaimg.cn/1571889140/180/40030060651/1"
|
||||
,id: "100001"
|
||||
,type: "friend"
|
||||
,content: "嗨，你好！欢迎体验LayIM。演示标记："+ new Date().getTime()
|
||||
});
|
||||
layim.getMessage({
|
||||
username: "Hi"
|
||||
,avatar: "http://qzapp.qlogo.cn/qzapp/100280987/56ADC83E78CEC046F8DF2C5D0DD63CDE/100"
|
||||
,id: "10000111"
|
||||
,type: "friend"
|
||||
,content: "临时："+ new Date().getTime()
|
||||
});
|
||||
});
|
||||
|
||||
//监听查看群员
|
||||
layim.on('members', function(data){
|
||||
console.log(data);
|
||||
});
|
||||
|
||||
//监听聊天窗口的切换
|
||||
layim.on('chatChange', function(data){
|
||||
console.log(data);
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user