uni-app结合PHP实现单用户登陆demo及解析
单用户登陆
即在一个应用中,同一个用户只能在线登陆一个,一个用户登陆,在其他设备上会被即时挤下线,确认后清空登陆该设备上的登陆装填并退回到登陆界面。
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);
}5.APP客户端接收推送进行弹窗提示和退出处理。
6.以上是根据友盟的SDK封装的推送方法,其中包括单播,广播,跳应用activity,跳网页连接等等。
以上就是uni-app结合PHP实现单用户登陆的详细内容,更多关于uni-app结合PHP实现单用户登陆的资料请关注脚本之家其它相关文章!
相关文章
Laravel解决nesting level错误和隐藏index.php的问题
今天小编就为大家分享一篇Laravel解决nesting level错误和隐藏index.php的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
Laravel5.5中利用Passport实现Auth认证的方法
Laravel5.3 开始使用Passport作为API授权,Passport 是基于 OAuth2 的,下面这篇文章主要给大家介绍了关于Laravel5.5中利用Passport实现Auth认证的方法,文中通过示例代码介绍介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。2017-12-12
thinkphp ajaxfileupload实现异步上传图片的示例
本篇文章主要介绍了thinkphp ajaxfileupload实现异步上传图片的示例,具有一定的参考价值,有兴趣的可以了解一下2017-08-08
让CodeIgniter的ellipsize()支持中文截断的方法
CodeIgniter的Text Helper有一个ellipsize()方法,用来过滤HTML标签并且截断文字十分好用。但是它对中文支持的特别不好,在中文中使用就有乱码出现。这篇文章主要介绍了让CodeIgniter的ellipsize()支持中文截断的方法,需要的朋友可以参考下2014-06-06
phpstudy 进行 composer 全局配置的操作步骤
使用 phpStudy 进行环境搭建时,有时需要使用 composer 每次都需要查找资料进行配置,在此进行记录笔记,方便有需要的道友借鉴,对phpstudy全局配置composer的操作步骤感兴趣的朋友跟随小编一起看看吧2023-08-08


最新评论