uni-app结合PHP实现单用户登陆demo及解析

admin PHP

2023-12-08 0 279

单用户登陆

即在一个应用中，同一个用户只能在线登陆一个，一个用户登陆，在其他设备上会被即时挤下线，确认后清空登陆该设备上的登陆装填并退回到登陆界面。

uni-app是目前能通过使用vue.js框架只需要编写一套代码同时打包Android，IOS，微信小程序，头条支付宝小程序和H5，通过使用HBuilder工具方便调试与云打包，关于苹果证书，推荐CW.PUB

使用HBuilder打越狱包通过那个网站签名就可以在正常苹果手机安装，不过网上还有其他些方法这里就不列举了。

一般APP做单用户登陆会使用第三方消息推送平台，虽然uni-app虽然也可以对接友盟，极光等推送平台。但还是因为时间，对接平台审核等流程时间不允许。之前使用gatewayworkman和websocket做了即时聊天，所以单用户登陆也使用websocket实现。

uni-app socket单用户登陆例

1.uni-app前端在初始化socke时发送当前设备的唯一标识，然后实时接收一个“强制退出”类型的消息，一下只是简单示例。

//初始化
socket.on(\’init\’, () => { //连接初始化
socket.send({
type: \’login\’,
token: uni.getStorageSync(\’access_token\’),
device_no: plus.device.uuid, //手机设备唯一编号
});
}).on(\’quit_push\’,(res)=> {
if(res) {
uni.showModal({
title: \’退出通知\’,
content: \’你的账号在其他设备上登录！\’,
showCancel: true,
cancelText: \’取消\’,
confirmText: \’确定\’,
success: res => {
if(res.confirm) {
uni.clearStorageSync()
store.commit(\’chat/clear\’)
uni.reLaunch({
url:\”../../pages/login/index\”
})
}else if(res.cancel) {
uni.clearStorageSync()
store.commit(\’chat/clear\’)
uni.reLaunch({
url:\”../../pages/login/index\”
})
}
}
});
}
});

2.后端接收“设备唯一标识”参数，先查找缓存是否存在，不存在记录设备标识和socket的clientid。

3.登陆接口接收设备标识，缓存或库里取出标识记录与当前接收的设备标识判断是否一致，不一致则根据缓存中的clientid发送消息。

$is_online = Db::name(\’UserLoginClient\’)->where(\’user_id\’,$user[\’id\’])->order(\’id desc\’)->find();
if(isset($device_no) && $device_no && $is_online[\’device_no\’] != $device_no && !empty($is_online[\’device_no\’])) {
Tools::sendToClient($is_online[\’client_id\’],json_encode([
\’type\’ => \’quit_push\’,
\’data\’ => \’ip\’,
\’message\’ => \’强制下线\’
]));
}

4.工具类sendToClient方法部分

public static function sendToClient($client_id, $message)
{
Gateway::sendToClient($client_id, $message);
}

推送单用户登陆例

1.首先对接了友盟，包括前端后端都加了SDK和使用上了他们的方法。

2.消息推送有一个唯一值"token"，这里简称“pushtoken”，由客户端生成，可以标识一个唯一的设备。

3.后端登陆时，接收pushtoken，同样判断该pushtoken是否存在，不存在就以用户ID为键存储。

4.存在时再判断与缓存是否一致，一致则加长缓存时间，不一致则给旧的pushtoken（缓存中的）推送一条消息，并缓存新的pushtoken。

if (self::$headToken && Cache::has(self::$prefix . self::$userId)) {
if (self::$headToken == Cache::get(self::$prefix . self::$userId)) {
Cache::set(self::$prefix . self::$userId, self::$headToken, self::$timeOut);
} else { // 换了手机,客户端重新发送pushtoken到服务端，服务端与缓存中的pushtoken比较，不同则给原来pushtoken手机推送一条并重新缓存新的token
// modify by wensen on 20180816
// $addr = getCity();
$addr = getMobCity();
$ip = request()->ip();
if ($addr) {
$addr[\’province\’] = empty($addr[\’province\’]) ? \’\’ : $addr[\’province\’];
$addr[\’city\’] = empty($addr[\’city\’]) ? \’\’ : $addr[\’city\’];
// $address = \”\\t\” . $addr[\’country\’] . \”-\” . $addr[\’region\’] . \”-\” . $addr[\’city\’] . \” (IP:\” . $ip . \”)\\t\”;
$address = \”\\t\” . $addr[\’country\’] . \”-\” . $addr[\’province\’] . \”-\” . $addr[\’city\’] . \” (IP:\” . $ip . \”)\\t\”;
} else {
$address = \”IP:\” . $ip . \”\”;
}
$OldToken = Cache::get(self::$prefix . self::$userId);
if (strlen($OldToken) == 64) {
$content = array(
\’title\’ => \’APP紧急通知\’,
\’body\’ => \’您的账号于:\’ . date(\’Y-m-d H:i:s\’) . \’在\’ . $address . \’处登录,若不为您本人登录,请您立即修改密码!\’,
\’pull_service\’ => \’login\’
);
\\umeng\\Push::send($OldToken, \’unicast\’, $content, \’message\’, true);
} elseif (strlen($OldToken) == 44) {
$content = array(
\’pull_service\’ => \’login\’,
\’msg\’ => \’您的账号于:\’ . date(\’Y-m-d H:i:s\’) . \’在\’ . $address . \’处登录,若不为您本人登录,请您立即修改密码!\’
);
\\umeng\\Push::send($OldToken, \’unicast\’, $content, \’message\’, true);
}
Cache::set(self::$prefix . self::$userId, self::$headToken, self::$timeOut);
}
} else {
Cache::set(self::$prefix . self::$userId, self::$headToken, self::$timeOut);
}