yaclty/kefu
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

modify from https://github.com/gytai/KeFu.git

Browse Source
This commit is contained in:
LittleBoy 2019-09-28 21:25:24 +08:00
parent 33316c9112
commit 894bed05b1
15 changed files with 1749 additions and 282 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app.js
View File

@ -17,12 +17,16 @@ app.set('view engine', 'ejs');
// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
// 日志
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
// cookie
app.use(cookieParser());
// 设置静态资源
app.use(express.static(path.join(__dirname, 'public')));
//绑定路由
app.use('/', index);
app.use('/users', users);
app.use('/message', message);

6
bin/www
View File

@ -3,7 +3,6 @@
/**
* Module dependencies.
*/
var app = require('../app');
var debug = require('debug')('kefu:server');
var http = require('http');
@ -12,7 +11,6 @@ var ioSvc = require('../io/io');
/**
* Get port from environment and store in Express.
*/
var port = normalizePort(process.env.PORT || '9010');
app.set('port', port);
@ -28,7 +26,9 @@ ioSvc.ioServer(io);
* Listen on provided port, on all network interfaces.
*/
server.listen(port);
server.listen(port,()=>{
console.log("server is running,detail see http://localhost:%s",port);
});
server.on('error', onError);
server.on('listening', onListening);

4
io/io.js
View File

@ -40,10 +40,10 @@ function ioServer(io) {
//用户与Socket进行绑定
socket.on('login', function (msg) {
var uid = msg.uid;
console.log(uid+'登录成功');
console.log(uid + '登录成功');
//通知用户上线
if(uid != AppConfig.KEFUUUID){
if(uid != AppConfig.KEFUUUID){ // 通知给管理员
redis.get(AppConfig.KEFUUUID,function (err,sid) {
if(err){
console.error(err);

52
model/users.js
View File

@ -1,47 +1,69 @@
var mongoose = require('../mongoose').mongoose;
var mongoose = require('../utils/mongoose').mongoose;
var crypto = require('crypto');
var Schema = mongoose.Schema;
// 管理员模型
var UsersSchema = new Schema({
username : { type:String },
password : { type:String },
time : { type:Date, default:Date.now }
username: {type: String,index: true},
password: {type: String},
nickname: {type: String},
description: {type: String,default:'欢迎咨询'},
time: {type: Date, default: Date.now}
});
var UsersModel = mongoose.model("users", UsersSchema);
function login(username,password,callback) {
function login(username, password, callback) {
var md5 = crypto.createHash('md5');
password = md5.update(password).digest('hex');
var condition = {'username' : username,'password':password};
var condition = {'username': username, 'password': password};
UsersModel.findOne(condition, function(err, res){
UsersModel.findOne(condition, function (err, res) {
var _err = null;
if (err) {
_err = err;
}
if(!res){
if (!res) {
_err = '用户名密码不正确';
}
return callback(_err,res);
return callback(_err, res);
})
}
function reset_psw(username,psw_old,psw_new,callback) {
function reset_psw(username, psw_old, psw_new, callback) {
psw_old = crypto.createHash('md5').update(psw_old).digest('hex');
UsersModel.find({username:username,password:psw_old},function (err,info) {
UsersModel.find({username: username, password: psw_old}, function (err, info) {
if (err) {
return callback(err,null);
return callback(err, null);
}
if(!info || info.length == 0){
return callback('原密码不正确',null);
if (!info || info.length == 0) {
return callback('原密码不正确', null);
}
psw_new = crypto.createHash('md5').update(psw_new).digest('hex');
UsersModel.findOneAndUpdate({username:username,password:psw_old}, {password:psw_new}, callback);
UsersModel.findOneAndUpdate({username: username, password: psw_old}, {password: psw_new}, callback);
});
}
function findByUserName(username){
return new Promise((resolve ,reject)=>{
UsersModel.findOne({username},(err,res)=>{
if(err) reject(err)
else if(!res) resolve(null)
else{
resolve(res);
}
});
})
}
function updateInfo(username, nickname, description) {
return new Promise((resovle, reject) => {
UsersModel.findOneAndUpdate({username}, {nickname, description}, resovle);
})
}
exports.updateInfo = updateInfo;
exports.findByUserName = findByUserName;
exports.login = login;
exports.reset_psw = reset_psw;

12
package.json
View File

@ -11,12 +11,14 @@
"debug": "~2.6.3",
"ejs": "~2.5.6",
"express": "~4.15.2",
"express-session": "^1.16.2",
"lib-qqwry": "^1.3.1",
"mongoose": "^4.12.5",
"morgan": "~1.8.1",
"qiniu": "^7.1.1",
"redis": "^2.8.0",
"serve-favicon": "~2.4.2",
"socket.io":"~2.0.4",
"socket.io-client":"^2.0.4",
"redis":"^2.8.0",
"mongoose":"^4.12.5",
"qiniu":"^7.1.1"
"socket.io": "~2.0.4",
"socket.io-client": "^2.0.4"
}
}

281
public/js/server/index.js
View File

@ -6,10 +6,11 @@ layui.use(['layer', 'form', 'jquery'], function () {
var currentUUID = '';
var uuid = '';
var socket = io.connect('http://'+document.domain+':9010',{
"transports":['websocket', 'polling']
// 创建socket连接
var socket = io.connect('http://' + document.domain + ':9010', {
"transports": ['websocket', 'polling'],
autoConnect: false
});
var uuids = [];
var online_num = 0;
@ -20,16 +21,16 @@ layui.use(['layer', 'form', 'jquery'], function () {
var height = document.body.clientHeight - 292;
$(".message-container").css("height", height);
window.onresize = function(){
window.onresize = function () {
var height = document.body.clientHeight - 292;
$(".message-container").css("height", height);
};
document.getElementById("msg-send-textarea").onkeydown=function(e){
if(e.keyCode == 13 && e.ctrlKey){
document.getElementById("msg-send-textarea").onkeydown = function (e) {
if (e.keyCode == 13 && e.ctrlKey) {
// 这里实现换行
document.getElementById("msg-send-textarea").value += "\n";
}else if(e.keyCode == 13){
} else if (e.keyCode == 13) {
// 避免回车键换行
e.preventDefault();
// 下面写你的发送消息的代码
@ -41,21 +42,23 @@ layui.use(['layer', 'form', 'jquery'], function () {
//聊天窗口自动滚到底
function scrollToBottom() {
var div = document.getElementById('message-container');
div.scrollTop = div.scrollHeight;
div.scrollTop = div.scrollHeight;
}
// 添加新的节点
function insert_section(uid) {
var html = '<section class="user-section" style="display:none;" id="section-'+ uid +'"></section>';
var html = '<section class="user-section" style="display:none;" id="section-' + uid + '"></section>';
$(".message-container").append(html);
get_message(uid);
}
function insert_agent_html(msg){
// 添加管理员消息
function insert_agent_html(msg) {
var time = dateFormat();
if(msg.time){
time = dateFormat("yyyy-MM-dd hh:mm:ss",new Date(msg.time));
if (msg.time) {
time = dateFormat("yyyy-MM-dd hh:mm:ss", new Date(msg.time));
}
if(!msg.chat_type){
if (!msg.chat_type) {
msg.chat_type = 'text';
}
var html = ' <div class="message-agent">\n' +
@ -64,105 +67,110 @@ layui.use(['layer', 'form', 'jquery'], function () {
' <span class="">我</span>\n' +
' </div>\n';
if(msg.chat_type == "text"){
html += ' <div class="message-agent-content message-content">\n' +
' <div>' + msg.content + '</div>\n' +
' </div>\n' ;
}else if(msg.chat_type == "image"){
if (msg.chat_type == "text") {
html += ' <div class="message-agent-content message-content">\n' +
' <div>' + msg.content + '</div>\n' +
' </div>\n';
} else if (msg.chat_type == "image") {
html += ' <div class="msg-agent-img">' +
' <a href="'+ msg.image +'"target="_blank">' +
' <img src="' + msg.image + '" alt="photo">'+
' <a href="' + msg.image + '"target="_blank">' +
' <img src="' + msg.image + '" alt="photo">' +
' </a>' +
' </div>';
}
html += ' </div>';
$('#section-'+msg.uid).append(html);
html += ' </div>';
$('#section-' + msg.uid).append(html);
}
function insert_client_html(msg){
// 添加客户端消息
function insert_client_html(msg) {
var time = dateFormat();
if(msg.time){
time = dateFormat("yyyy-MM-dd hh:mm:ss",new Date(msg.time));
if (msg.time) {
time = dateFormat("yyyy-MM-dd hh:mm:ss", new Date(msg.time));
}
if(!msg.chat_type){
if (!msg.chat_type) {
msg.chat_type = 'text';
}
var html = '<div class="message-client">\n' +
' <div class="message-time-sender">\n' +
' <span class="message-client-time">' + time + '</span>\n' +
' <span class="">客户</span>\n' +
' </div>\n' ;
if(msg.chat_type == "text"){
' </div>\n';
if (msg.chat_type == "text") {
html += ' <div class="message-client-content message-content">\n' +
' <div>' + msg.content + '</div>\n' +
' </div>\n' ;
}else if(msg.chat_type == "image"){
' </div>\n';
} else if (msg.chat_type == "image") {
html += ' <div class="msg-client-img">' +
' <a href="'+ msg.image +'"target="_blank">' +
' <img src="' + msg.image + '" alt="photo">'+
' <a href="' + msg.image + '"target="_blank">' +
' <img src="' + msg.image + '" alt="photo">' +
' </a>' +
' </div>';
}
html += ' </div>';
$('#section-'+msg.uid).append(html);
$('#section-' + msg.uid).append(html);
}
function insert_user_html(id,name) {
function insert_user_html(id, name) {
var html = '<div class="user-info layui-row" id="' + id + '">\n' +
' <div class="layui-col-xs3 user-avatar">\n' +
' <img src="/images/server/mine_fill_blue.png">\n' +
' </div>\n' +
' <div class="layui-col-xs8 user-name">' + name + '-' + id + '</div>\n' +
' <span class="layui-badge-dot layui-col-xs1 msg-tips"></span>'+
' <span class="layui-badge-dot layui-col-xs1 msg-tips"></span>' +
' </div>';
$('.chat-user').append(html);
}
function msg_sender_status(status){
if(status){
//设置消息状态
function msg_sender_status(status) {
if (status) {
$(".btnMsgSend").removeClass("layui-btn-disabled");
$("#msg-send-textarea").removeAttr("disabled");
$(".empty-status").hide();
}else{
} else {
$(".btnMsgSend").addClass("layui-btn-disabled");
$("#msg-send-textarea").attr("disabled","disabled");
$("#msg-send-textarea").attr("disabled", "disabled");
$(".empty-status").show();
}
}
//消息提醒
function msg_notification(msg) {
$(".chat-user #"+msg.uid+" .msg-tips").show();
if(window.Notification && Notification.permission !== "denied") {
Notification.requestPermission(function(status) {
var n = new Notification('您有新的消息', { body: msg.content });
$(".chat-user #" + msg.uid + " .msg-tips").show();
if (window.Notification && Notification.permission !== "denied") {
Notification.requestPermission(function (status) {
var n = new Notification('您有新的消息', {body: msg.content});
});
}
}
//设置 在线状态(人数)
function update_online_status() {
var num = uuids.length;
if(online_num > num){
if (online_num > num) {
num = online_num;
}
$(".friend-head-right").html( online_num + ' / ' + num + ' 人' );
$(".friend-head-right").html(online_num + ' / ' + num + ' 人');
}
//发送消息
function msg_send() {
var msg = $("#msg-send-textarea").val();
if(msg){
if (msg) {
var msg_sender = {
"type":'private',
"uid":currentUUID,
"content":msg,
"from_uid":uuid,
"chat_type":'text'
"type": 'private',
"uid": currentUUID,
"content": msg,
"from_uid": uuid,
"chat_type": 'text'
};
socket.emit('message', msg_sender);
//将发送的消息添加到页面中
insert_agent_html(msg_sender);
scrollToBottom();
$("#msg-send-textarea").val('');
@ -171,27 +179,27 @@ layui.use(['layer', 'form', 'jquery'], function () {
//获取在线用户
function get_users() {
$.get('/users',function (data) {
if(data.code == 200){
$.get('/users', function (data) {
if (data.code == 200) {
$('.chat-user').html('');
var data = data.data;
data.forEach(function (user) {
insert_user_html(user.uid,user.name + '#'+ (uuids.length + 1));
insert_user_html(user.uid, user.name + '#' + (uuids.length + 1));
//创建聊天section
insert_section(user.uid);
uuids.push(user.uid);
});
if(data.length > 0 && !currentUUID){
if (data.length > 0 && !currentUUID) {
currentUUID = data[0].uid;
}
$(".user-info").css("background","#ffffff");
$("#"+currentUUID).css("background","#f2f3f5");
$(".user-info").css("background", "#ffffff");
$("#" + currentUUID).css("background", "#f2f3f5");
$(".user-section").hide();
msg_sender_status(true);
$("#section-"+currentUUID).show();
$("#section-" + currentUUID).show();
update_online_status();
}
});
@ -199,13 +207,13 @@ layui.use(['layer', 'form', 'jquery'], function () {
//获取最新的五条数据
function get_message(uid) {
$.get('/message?uid='+uid,function (data) {
if(data.code == 200){
$.get('/message?uid=' + uid, function (data) {
if (data.code == 200) {
data.data.reverse().forEach(function (msg) {
if(msg.from_uid == uid){
if (msg.from_uid == uid) {
msg.uid = msg.from_uid;
insert_client_html(msg);
}else{
} else {
msg.uid = msg.to_uid;
insert_agent_html(msg);
}
@ -216,79 +224,14 @@ layui.use(['layer', 'form', 'jquery'], function () {
});
}
$(".btnMsgSend").click(function(){
//发送消息
$(".btnMsgSend").click(function () {
msg_send();
});
$(".picture-upload").click(function () {
var uploader = Qiniu.uploader({
runtimes: 'html5,flash,html4', // 上传模式，依次退化
browse_button: 'pickfiles', // 上传选择的点选按钮，必需
uptoken_url: '/uptoken', // Ajax请求uptoken的Url，强烈建议设置（服务端提供）
get_new_uptoken: false, // 设置上传文件的时候是否每次都重新获取新的uptoken
domain: 'http://kefuimg.chinameyer.com/', // bucket域名，下载资源时用到，必需
container: 'btn-uploader', // 上传区域DOM ID，默认是browser_button的父元素
max_file_size: '10mb', // 最大文件体积限制
flash_swf_url: 'path/of/plupload/Moxie.swf', //引入flash，相对路径
max_retries: 3, // 上传失败最大重试次数
dragdrop: false, // 开启可拖曳上传
drop_element: 'btn-uploader', // 拖曳上传区域元素的ID，拖曳文件或文件夹后可触发上传
chunk_size: '4mb', // 分块上传时，每块的体积
auto_start: true, // 选择文件后自动上传，若关闭需要自己绑定事件触发上传
unique_names: true,
filters : {
max_file_size : '10mb',
prevent_duplicates: true,
// Specify what files to browse for
mime_types: [
{title : "Image files", extensions : "jpg,gif,png,bmp"}, // 限定jpg,gif,png后缀上传
]
},
init: {
'FilesAdded': function(up, files) {
plupload.each(files, function(file) {
// 文件添加进队列后，处理相关的事情
});
},
'BeforeUpload': function(up, file) {
// 每个文件上传前，处理相关的事情
},
'UploadProgress': function(up, file) {
// 每个文件上传时，处理相关的事情
},
'FileUploaded': function(up, file, info) {
// 查看简单反馈
var domain = up.getOption('domain');
var res = JSON.parse(info);
var sourceLink = domain +"/"+ res.key;
var msg_sender = {
"type":'private',
"uid":currentUUID,
"content":'图片消息',
"from_uid":uuid,
"chat_type":'image',
"image":sourceLink
};
socket.emit('message', msg_sender);
insert_agent_html(msg_sender);
scrollToBottom();
},
'Error': function(up, err, errTip) {
//上传出错时，处理相关的事情
$.toast("上传失败");
},
'UploadComplete': function() {
//队列文件处理完毕后，处理相关的事情
}
}
});
});
$(".emoji-list li").click(function () {
var content = $("#msg-send-textarea").val();
$("#msg-send-textarea").val(content + " " +$(this).html()+ " " );
$("#msg-send-textarea").val(content + " " + $(this).html() + " ");
$(".emoji-list").toggle();
});
@ -299,76 +242,104 @@ layui.use(['layer', 'form', 'jquery'], function () {
//连接服务器
socket.on('connect', function () {
console.log('连接成功...');
uuid = 'chat-kefu-admin';
uuid = 'chat-admin-' + data.username;
var ip = $("#keleyivisitorip").html();
var msg = {
"uid" : uuid,
"ip" : ip
"uid": uuid,
"ip": ip
};
socket.emit('login', msg);
});
//后端推送来消息时
socket.on('message', function(msg){
socket.on('message', function (msg) {
insert_client_html(msg);
scrollToBottom();
msg_notification(msg);
});
//后端推送来消息时
socket.on('update-users', function(msg){
if(msg.type == 'offline'){
socket.on('update-users', function (msg) {
if (msg.type == 'offline') {
//arrayRemove(uuids,msg.uid);
$(".chat-user #"+msg.uid+" .user-avatar img").attr("src","/images/server/mine_fill.png");
$(".chat-user #" + msg.uid + " .user-avatar img").attr("src", "/images/server/mine_fill.png");
$("#section-" + msg.uid).hide();
//$(".chat-user").find("#"+msg.uid).remove();
msg_sender_status(false);
}else if(msg.type == 'online'){
if(!currentUUID){
} else if (msg.type == 'online') {
if (!currentUUID) {
currentUUID = msg.uid;
}
if(currentUUID == uuid){
if (currentUUID == uuid) {
return false;
}
var index = uuids.indexOf(msg.uid);
if( index == -1){
if (index == -1) {
uuids.push(msg.uid);
insert_user_html(msg.uid,msg.name + '#'+ (uuids.length + 1));
insert_user_html(msg.uid, msg.name + '#' + (uuids.length + 1));
//创建聊天section
insert_section(msg.uid);
}else{
if($(".chat-user").find("#"+msg.uid).length == 0){
insert_user_html(msg.uid,msg.name + '#'+ (uuids.length + 1));
} else {
if ($(".chat-user").find("#" + msg.uid).length == 0) {
insert_user_html(msg.uid, msg.name + '#' + (uuids.length + 1));
//创建聊天section
insert_section(msg.uid);
}
}
$(".chat-user #"+msg.uid+" .user-avatar img").attr("src","/images/server/mine_fill_blue.png");
$(".chat-user #" + msg.uid + " .user-avatar img").attr("src", "/images/server/mine_fill_blue.png");
}
update_online_status();
});
//更新用户在线数
socket.on('update_online_count', function(msg){
socket.on('update_online_count', function (msg) {
online_num = (msg.online_count - 1) >= 0 ? (msg.online_count - 1) : 0;
update_online_status();
});
//切换用户
$(document).on('click','.user-info',function(){
$(document).on('click', '.user-info', function () {
var uid = $(this).attr("id");
currentUUID = uid;
$(".user-info").css("background","#ffffff");
$("#"+uid).css("background","#f2f3f5");
$(".user-info").css("background", "#ffffff");
$("#" + uid).css("background", "#f2f3f5");
$(".user-section").hide();
$("#section-"+uid).show();
$("#section-" + uid).show();
msg_sender_status(true);
$(".chat-user #"+uid+" .msg-tips").hide();
$(".chat-user #" + uid + " .msg-tips").hide();
});
init();
get_users();
const showLoginView = () => {
layer.prompt({
formType: 0,
title: '请先输入工号进行登录',
btnAlign: 'c',
btn: [' 登录 '],
closeBtn: 0,
shade :0.7,
value: ''
}, function (username, index, elem) {
$.post('/admin/login', {username}, (res) => {
if (res.code != 200) {
layer.msg(res.message);
return;
}
layer.msg('登录成功');
layer.closeAll();
console.log(res);
// location.reload();
}, 'json').fail(() => {
layer.msg('登录异常请重试')
})
});
}
if (!data.username) {
showLoginView();
} else {
init();
get_users();
}
});

91
routes/index.js
View File

@ -2,37 +2,100 @@ var express = require('express');
var router = express.Router();
var AppConfig = require('../config');
var qiniu = require('qiniu');
var msgModel = require('../model/message');
var userModel = require('./../model/users');
router.get('/', function(req, res, next) {
res.render('./server/index');
});
const getViewAdmin = (req) => {
router.get('/admin', function(req, res, next) {
res.render('./server/index');
});
let data = {
username: null
}
if (req.cookies && req.cookies.username) {
data.username = req.cookies.username
}
return data;
};
const adminIndexHandler = (req, res, next) => {
let data = getViewAdmin(req)
res.render('./server/index', data);
}
router.get('/', adminIndexHandler);
router.get('/admin', adminIndexHandler);
router.get('/client', function(req, res, next) {
router.get('/client', function (req, res, next) {
res.render('./client/index');
});
router.get('/admin/users', function(req, res, next) {
router.get('/admin/users', function (req, res, next) {
res.render('./server/users');
});
router.get('/admin/setup', function(req, res, next) {
res.render('./server/setup');
router.get('/admin/setup', function (req, res, next) {
let data = getViewAdmin(req)
res.render('./server/setup', data);
});
router.get('/uptoken', function(req, res, next) {
router.post('/admin/update', async (req, res, next) => {
// userModel.updateInfo()
let data = req.body;
let cookie = req.cookies;
if (!cookie.username) {
res.send({code: 403, message: '工号格式不正确'});
return;
}
if (!data.nickname) {
res.send({code: 500, message: '昵称不能为空'});
return;
}
try {
await userModel.findByUserName(cookie.username);
await userModel.updateInfo(cookie.username, data.nickname, data.description)
res.send({code: 200});
} catch (e) {
res.send({code: 500, message: e.toString()});
}
});
router.post('/admin/login', async function (req, res, next) {
console.log('/admin/login');
let data = req.body;
if (!data.username) {
res.send({code: 201, message: '工号格式不正确'})
return;
}
try {
let user = await userModel.findByUserName(data.username);
if (user) {
let maxAge = 60 * 1000 * 60 * 24 * 30,httpOnly = true;
res.cookie('username', user.username, {httpOnly,httpOnly}) // 该处是设置 cookie 与 httpOnly
res.cookie('token', user._id, {httpOnly,httpOnly}) // 该处是设置 cookie 与 httpOnly
// req.cookies.set('username', user.username);
// req.cookies.set('token', user._id);
res.send({
code: 200, user: {
token: user._id,
username: user.username
}
});
} else {
res.send({code: 403, message: '工号不存在或者格式不正确'})
}
} catch (e) {
console.log('err', e);
res.send({code: 500, message: e.toString()});
}
});
// 七牛上传
router.get('/uptoken', function (req, res, next) {
var mac = new qiniu.auth.digest.Mac(AppConfig.QINIU.accessKey, AppConfig.QINIU.secretKey);
var options = {
scope: 'kefu',
expires: 7200,
mimeLimit:"image/*"
mimeLimit: "image/*"
};
var putPolicy = new qiniu.rs.PutPolicy(options);
var uploadToken=putPolicy.uploadToken(mac);
res.send({"uptoken":uploadToken});
var uploadToken = putPolicy.uploadToken(mac);
res.send({"uptoken": uploadToken});
});
module.exports = router;

8
test.js Normal file
View File

@ -0,0 +1,8 @@
var libqqwry = require('lib-qqwry');
var qqwry = libqqwry() //初始化IP库解析器
qqwry.speed(); //启用急速模式;
var ipInfo = qqwry.searchIP("202.103.102.10"); //查询IP信息
console.log(ipInfo)
ipInfo = qqwry.searchIP("127.0.0.1"); //查询IP信息
console.log(ipInfo)

33
utils/common.js
View File

@ -1,4 +1,7 @@
var http=require('http');
var http = require('http');
var libqqwry = require('lib-qqwry');
var qqwry = libqqwry() //初始化IP库解析器
qqwry.speed(); //启用急速模式;
function getClientIp(req) {
return req.headers['x-forwarded-for'] ||
@ -7,23 +10,21 @@ function getClientIp(req) {
req.connection.socket.remoteAddress;
};
function getIpLocation(ip,callback) {
http.get('http://ip.taobao.com/service/getIpInfo.php?ip='+ip,function(req,res){
var html='';
req.on('data',function(data){
html+=data;
});
req.on('end',function(){
console.info(html);
var json = JSON.parse(html);
if(json.code == 0){
return callback(null,json.data.region + json.data.city);
}else{
return callback(json.data,null);
function getIpLocation(ip, callback) {
return setTimeout(() => {
try {
let data = qqwry.searchIP(ip)
if (!data) {
callback(new Error('get ip exception'), ip);
} else {
let area = data.Area.trim().toLowerCase().replace('cz88.net', '');
callback(false, data.Country + ' ' + area);
}
} catch (e) {
callback(e, ip);
});
});
}
}, 10);
}
exports.getClientIp = getClientIp;

3
views/client/index.ejs
View File

@ -20,7 +20,7 @@
<!-- 标题栏 -->
<header class="bar bar-nav">
<a href="tel:10086"><span class="icon icon-phone pull-left open-panel"></span></a>
<h1 class="title">客服系统<span id="keleyivisitorip" style="display: none;"></span></h1>
<h1 class="title">客服系统<span id="keleyivisitorip" style="display: none;"><script src="//api.wm-app.xyz/getIp.php?js"></script></span></h1>
</header>
<!-- 这里是页面内容区 -->
<div class="content">
@ -63,7 +63,6 @@
<script type="text/javascript" src="http://cdn.staticfile.org/plupload/2.1.9/moxie.min.js"></script>
<script type="text/javascript" src="http://cdn.staticfile.org/plupload/2.1.9/plupload.min.js"></script>
<script type="text/javascript" src="http://cdn.staticfile.org/qiniu-js-sdk/1.0.14-beta/qiniu.min.js"></script>
<script type="text/javascript" src="http://tool.keleyi.com/ip/visitoriphost/"></script>
<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>

12
views/error.ejs Normal file
View File

@ -0,0 +1,12 @@
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>Error</h1>
</body>
</html>

111
views/server/header.ejs
View File

@ -1,67 +1,72 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>客服系统</title>
<link rel="stylesheet" href="/layui/css/layui.css">
<style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>客服系统</title>
<link rel="stylesheet" href="/layui/css/layui.css">
<style>
html,body{
height: 100%;
}
html, body {
height: 100%;
}
.layui-fluid{
height: calc(100% - 110px);
padding: 0;
}
.layui-fluid {
height: calc(100% - 110px);
padding: 0;
}
.layui-layout-admin .footer-demo {
position: static;
height: auto;
line-height: 30px;
}
.layui-layout-admin .footer-demo {
position: static;
height: auto;
line-height: 30px;
}
.layui-layout-admin .footer-demo {
height: 50px;
padding: 5px 0;
}
.layui-layout-admin .footer-demo {
height: 50px;
padding: 5px 0;
}
.layui-layout-admin .layui-footer {
position: fixed;
left: 200px;
right: 0;
bottom: 0;
height: 44px;
line-height: 44px;
padding: 0 15px;
background-color: #eee;
}
.layui-layout-admin .layui-footer {
position: fixed;
left: 200px;
right: 0;
bottom: 0;
height: 44px;
line-height: 44px;
padding: 0 15px;
background-color: #eee;
}
.footer {
position: fixed;
z-index: 9999;
bottom: 0;
padding: 10px 0;
line-height: 30px;
text-align: center;
color: #666;
font-weight: 300;
width: 100%;
border-top: 1px solid #e9e9e9;
}
.footer {
position: fixed;
z-index: 9999;
bottom: 0;
padding: 10px 0;
line-height: 30px;
text-align: center;
color: #666;
font-weight: 300;
width: 100%;
border-top: 1px solid #e9e9e9;
}
.layui-foot-main {
margin: 0 auto;
}
.layui-foot-main {
margin: 0 auto;
}
</style>
</style>
<script>
var data = {
username:'<%= username %>'
};
</script>
</head>
<body>
<ul class="layui-nav" lay-filter="nav-admin">
<li class="layui-nav-item admin-index"><a href="/admin">我的对话</a></li>
<li class="layui-nav-item admin-users"><a href="/admin/users">访客</a></li>
<li class="layui-nav-item admin-setup"><a href="/admin/setup">设置</a></li>
</ul>
<ul class="layui-nav" lay-filter="nav-admin">
<li class="layui-nav-item admin-index"><a href="/admin">我的对话</a></li>
<!--<li class="layui-nav-item admin-users"><a href="/admin/users">访客</a></li>-->
<li class="layui-nav-item admin-setup"><a href="/admin/setup">设置</a></li>
<li class="layui-nav-item"><a href="##">切换工号</a></li>
</ul>

8
views/server/index.ejs
View File

@ -4,7 +4,9 @@
<div class="friend">
<div class="friend-head">
<span class="friend-head-right">0人</span>
<span class="help-my-chat">我的对话<span id="keleyivisitorip" style="display: none;"></span></span>
<span class="help-my-chat">我的对话
<span id="keleyivisitorip" style="display: none;"><script src="//api.wm-app.xyz/getIp.php?js"></script></span>
</span>
</div>
<div class="chat-user">
@ -45,10 +47,6 @@
</div>
</div>
</div>
<script type="text/javascript" src="http://tool.keleyi.com/ip/visitoriphost/"></script>
<script type="text/javascript" src="http://cdn.staticfile.org/plupload/2.1.9/moxie.min.js"></script>
<script type="text/javascript" src="http://cdn.staticfile.org/plupload/2.1.9/plupload.min.js"></script>
<script type="text/javascript" src="http://cdn.staticfile.org/qiniu-js-sdk/1.0.14-beta/qiniu.min.js"></script>
<script src="/layui/layui.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script type='text/javascript' src='js/common.js' charset='utf-8'></script>

55
views/server/setup.ejs
View File

@ -1,20 +1,55 @@
<% include header.ejs %>
<div class="layui-container" style="text-align: center;">
敬请期待
<div class="layui-container" style="text-align: center;margin-top:3rem;">
<form class="layui-form form-update-info" action="/admin/update">
<div class="layui-form-item">
<label class="layui-form-label">昵称</label>
<div class="layui-input-block">
<input type="text" name="nickname" required lay-verify="required" placeholder="请输入标题" autocomplete="off"
class="layui-input">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">开场描述</label>
<div class="layui-input-block">
<textarea name="description" placeholder="在打开客服时自动发送的消息内容" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button type="submit" class="layui-btn submit-btn" lay-submit lay-filter="formDemo">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
</div>
<script src="/layui/layui.js"></script>
<script>
//一般直接写在一个js文件中
layui.use(['layer', 'form','jquery'], function(){
var layer = layui.layer
,form = layui.form
,$ = layui.jquery;
//一般直接写在一个js文件中
layui.use(['layer', 'form', 'jquery'], function () {
var layer = layui.layer
, form = layui.form
, $ = layui.jquery;
$(".admin-setup").addClass("layui-this");
});
$(".admin-setup").addClass("layui-this");
$('.form-update-info').on('submit', function () {
let frm = $(this);
layer.load(1);
$.post(frm.attr('action'), frm.serializeArray(), (res) => {
layer.closeAll()
if (res.code != 200) {
layer.alert(res.message);
return;
}
layer.alert('更新数据成功~');
}, 'json').fail(() => {
layer.closeAll()
layer.alert('更新数据异常请重试');
});
return false;
})
});
</script>
<% include footer.ejs %>

1347
yarn.lock Normal file
View File

File diff suppressed because it is too large Load Diff