uni-app 结合 PHP 实现单用户登陆

2023-05-11
广东
本文字数：2534 字
阅读完需：约 8 分钟

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

uni-app 是目前能通过使用 vue.js 框架只需要编写一套代码同时打包 Android，IOS，微信小程序，头条支付宝小程序和 H5，通过使用 HBuilder 工具方便调试与云打包，关于苹果证书，推荐 CW.PUB，https://cw.pub/index/document/index。使用 HBuilder 打越狱包通过那个网站签名就可以在正常苹果手机安装，不过网上还有其他些方法这里就不列举了。

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

uni-app socket 单用户登陆例

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"					})				}			}		});	}});

复制代码

后端接收“设备唯一标识”参数，先查找缓存是否存在，不存在记录设备标识和 socket 的 clientid。
登陆接口接收设备标识，缓存或库里取出标识记录与当前接收的设备标识判断是否一致，不一致则根据缓存中的 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' => '强制下线'																							]));			}

复制代码

工具类 sendToClient 方法部分

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

复制代码

推送单用户登陆例

首先对接了友盟，包括前端后端都加了 SDK 和使用上了他们的方法。
消息推送有一个唯一值"token"，这里简称“pushtoken”，由客户端生成，可以标识一个唯一的设备。
后端登陆时，接收 pushtoken，同样判断该 pushtoken 是否存在，不存在就以用户 ID 为键存储。
存在时再判断与缓存是否一致，一致则加长缓存时间，不一致则给旧的 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);        }

复制代码

APP 客户端接收推送进行弹窗提示和退出处理。
以上是根据友盟的 SDK 封装的推送方法，其中包括单播，广播，跳应用 activity，跳网页连接等等。

发布于: 刚刚阅读数: 4

北桥苏

关注

公众号：ZERO开发 2023-05-08 加入

专注后端实战技术分享，不限于PHP，Python，JavaScript, Java等语言，致力于给猿友们提供有价值，有干货的内容。

发布

暂无评论

创作场景

uni-app 结合 PHP 实现单用户登陆

北桥苏

评论