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

琴韵古风 發表於 2019-8-3 22:44:00

单用户登陆，即在一个应用中，同一个用户只能在线登陆一个，一个用户登陆，在其他设备上会被即时挤下线，确认后清空登陆该设备上的登陆装填并退回到登陆界面。
    uni-app是目前能通过使用vue.js框架只需要编写一套代码同时打包Android，IOS，微信小程序，头条支付宝小程序和H5，通过使用HBuilder工具方便调试与云打包，关于苹果证书，推荐CW.PUB，https://cw.pub/index/document/index。使用HBuilder打越狱包通过那个网站签名就可以在正常苹果手机安装，不过网上还有其他些方法这里就不列举了。
     一般APP做单用户登陆会使用第三方消息推送平台，虽然uni-app虽然也可以对接友盟，极光等推送平台。但还是因为时间，对接平台审核等流程时间不允许。之前使用gatewayworkman和websocket做了即时聊天，所以单用户登陆也使用websocket实现。
<h1 id="h1_1"> </h1>
<h1 id="h1_2">uni-app socket单用户登陆例</h1>
1. uni-app前端在初始化socke时发送当前设备的唯一标识，然后实时接收一个“强制退出”类型的消息，一下只是简单示例。
<pre><code class="hljs coffeescript">//初始化
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"
})
}
}
});
}
});</code></pre>
 
2. 后端接收“设备唯一标识”参数，先查找缓存是否存在，不存在记录设备标识和socket的clientid。
 
3. 登陆接口接收设备标识，缓存或库里取出标识记录与当前接收的设备标识判断是否一致，不一致则根据缓存中的clientid发送消息。
<pre><code class="hljs php">$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' => '强制下线'
]));
}</code></pre>
 
4. 工具类sendToClient方法部分
<pre><code class="hljs php">public static function sendToClient($client_id, $message)
{
 Gateway::sendToClient($client_id, $message);
}</code></pre>
 
<h2 id="h2_3">推送单用户登陆例</h2>
1. 首先对接了友盟，包括前端后端都加了SDK和使用上了他们的方法。
 
2. 消息推送有一个唯一值"token"，这里简称“pushtoken”，由客户端生成，可以标识一个唯一的设备。
 
3. 后端登陆时，接收pushtoken，同样判断该pushtoken是否存在，不存在就以用户ID为键存储。
 
4. 存在时再判断与缓存是否一致，一致则加长缓存时间，不一致则给旧的pushtoken（缓存中的）推送一条消息，并缓存新的pushtoken。
<pre><code class="hljs php">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);
 }</code></pre>
 
5. APP客户端接收推送进行弹窗提示和退出处理。
 
6. 以上是根据友盟的SDK封装的推送方法，其中包括单播，广播，跳应用activity，跳网页连接等等。
 
<img class="zoom-in-cursor lazyload" alt="" width="430" height="430" data-src="https://oscimg.oschina.net/oscnet/89e837d7d0749d6a0ff6cab4114f7320d24.jpg">

</div>
<div id="MySignature" role="contentinfo">
个人网站：www.zerofc.cn
公众号：ZEROFC_DEV
QQ交流群：515937120
QQ：2652364582
头条号：1637769351151619
B站：286666708
大鱼号：北桥苏 
来源：https://www.cnblogs.com/zerofc/p/11296634.html

頁: [1]

琼殿技术论坛's Archiver

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