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

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单用户登陆例

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实现单用户登陆的更多相关文章

  1. 用java实现一个简单的单用户登陆功能的思路

    引用 所谓“单用户单账户登录”是指:在同一系统中,一个用户名不能在两个地方同时登录. 我们参照 QQ 实现效果:当某账号在 A 处登录后,在未退出的情况下,如果再到 B 处登录,那么,系统会挤下 A ...

  2. centos 单用户登陆模式操作

    在centos中因为安装java而配置 jdk环境变量的原因,对/etc/profile文件进行了编辑 错误的环境变量配置导致在第一次修改profile文件并保存后,执行source /etc/pro ...

  3. 单用户登陆demo-后者挤到前者,类似QQ

    单用户登陆demo ,采用的是Tp5. 流程是,当用户首次登陆是验证用户帐号密码,成功的,用当前时间戳加上用户id和ip 拼接成一个标识,暂且sign ,然后存入cookie ,时间戳存入缓存redi ...

  4. SpringSecurity 3.2入门(3)单用户登录

    1.增加web.xml文件配置如下 <!-- 获取Spring Security session的生命周期,这个监听器会在 session 创建和销毁的时候通知 Spring Security ...

  5. IOS开发之记录用户登陆状态

    上一篇博客中提到了用CoreData来进行数据的持久化,CoreData的配置和使用步骤还是挺复杂的.但熟悉CoreData的使用流程后,CoreData还是蛮好用的.今天要说的是如何记录我们用户的登 ...

  6. IOS开发之记录用户登陆状态,ios开发用户登陆

    IOS开发之记录用户登陆状态,ios开发用户登陆 上一篇博客中提到了用CoreData来进行数据的持久化,CoreData的配置和使用步骤还是挺复杂的.但熟悉CoreData的使用流程后,CoreDa ...

  7. Flask-Login用户登陆

    Flask-Login Flask-Login 提供用户会话管理,处理常见的登录.退出和注册的任务. Flask-Login 没有绑定数据库,可以从数据库回调用户对象. 安装flask-login p ...

  8. mxonline实战4,用户登陆页面2和用户注册1

            一. 基于类来定义view.py diango中使用基于类来定义views的功能,其实更加方便,因为这样可继承一些定义好的基类,来减少我们的代码量   1. 使用基于类的方法,来重新定 ...

  9. 用户登陆状态,ios开发用户登陆

    IOS开发之记录用户登陆状态,ios开发用户登陆 上一篇博客中提到了用CoreData来进行数据的持久 化,CoreData的配置和使用步骤还是挺复杂的.但熟悉CoreData的使用流程后,CoreD ...

随机推荐

  1. 全面分析:APP中的消息功能设计

    一.定义 APP的“消息”模块,是通过APP或手机这个客户端,围绕某个产品的功能进行交流.沟通的重要方式.这种沟通,一方是运营人员或商家,也可以是产品或系统本身,为方便说明笔者这里姑且统一简称为B端, ...

  2. dos下编辑过sh脚本后无法运行

    情景: 同样的的脚本,在不同的机器下运行有的可以成功,有的运行失败, 前提:sh脚本windos下编辑过. 脚本在windows上修改之后,在每行尾部多了个 ^M,导致sh脚本在执行的时候可能shba ...

  3. 有这样一个url=http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e,请写一段js程序提取url 中的各个get参数(参数名和参数个数不确定),将其按key-value形式返回到一个json结构中, 如{a:'1',b:'2',c:'',d:'xxx',e:undefined}

    第一种方法: console.log(getJson(url)); function getJson(url){ var obj={}; var arr=url.split("?" ...

  4. CF888G XOR-MST trie,贪心

    CF888G XOR-MST 链接 CF888G 思路 trie上贪心,先左右两边连边,再用一条边的代价连起左右两颗树.因为内部的边一定比跨两棵树的边权笑,显然是对的. 代码自己瞎yy的.启发式合并 ...

  5. T1 :最小值(min)题解 ——2019.10.15

    思路: 对于 % 30 的数据,可以想到一个 Dp 方程: 其中dp[i]表示分割[1,i]的最大答案 代码: #include<cstdio> #include<cstring&g ...

  6. PATA1082Read Number in Chinese

    有几点需要注意的地方一是将right转化为与left在在同一节 while (left + 4 <= right) { right -= 4;//每次将right移动4位,直到left与righ ...

  7. code 1716

    # import_company def test_import_company(self): headers=self.headers headers["Content-Type" ...

  8. R语言参数传递 按引用传递

    R 语言的参数传递是按照引用传递的,二者共享内存 如果想要按值传递 使用函数 copy()

  9. quick如何打开工程或者示例

    quick如何打开工程或者示例 1. 那里打开工程 cc.ui.UIPushButton.new(images, {scale9 = true}) :setButtonSize(buttonWidth ...

  10. limits.conf文件修改注意事项,限制文件描述符数和进程数

    参考文章: https://blog.csdn.net/fanren224/article/details/79971359 https://www.cnblogs.com/micmouse521/p ...