文档章节

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

北桥苏
 北桥苏
发布于 08/02 23:42
字数 1115
阅读 27
收藏 0

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

    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,跳网页连接等等。

 

© 著作权归作者所有

北桥苏
粉丝 9
博文 113
码字总数 73609
作品 0
深圳
程序员
私信 提问
PHP实现单人多人聊天源码免费分享 | 电脑报修系统

源码清单 1. 简易版登陆式聊天源码。 2. 电脑报修轻系统源码。 3. 关注下面公众号回复“聊天”,免费获取。 聊天系统 虽然微信,QQ是即时通讯的元老。但是他们限制很多,所以很多人都想做一个...

北桥苏
07/20
120
0
uni-app 结合 colorUI 开发项目的整体基本流程

一、环境搭建 使用 可视化界面快速创建项目,内置处理了相关环境依赖。 HBuilderX:内置uni-app编辑及项目模板,下载地址 微信开发者工具:调试预览工具。下载地址 二、创建uni-app项目 在编...

烟暖雨收
09/15
0
0
跨端开发痛点?送你一款Vue最流行的跨端框架——uni-app

前言 今天来聊一下前端必备技能——小程序开发。 从最早发布的,到后来的、、、,还有最近发布的,面对这么多套的代码,开发者该如何开发呢? 当业务要求同时在不同的端都要展现时候,针对不...

前端陈晨
09/23
0
0
uni-app跨端开发框架介绍

uni-app 一套代码,多端运行 使用vue的语法 + 微信小程序的标签和API的跨平台前端框架 框架简介: 可编译到iOS、Android、H5、微信/支付宝/百度/小程序 将常用的组件和API进行了跨平台的封装...

tenyiyi
04/18
0
0
天猫再次孵化大IP “超级品类日”携手头部品牌玩转消费升级

一直以来,天猫在消费者印象中都是“淘淘淘、买买买”的地方,今年5月份,天猫正式宣布品牌升级,其slogan也由“上天猫,就够了”升级为“理想生活上天猫”。 可以看出,天猫新的品牌定位将从...

朱翊
2017/09/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

经典系统设计面试题解析:如何设计TinyURL(二)

原文链接:https://www.educative.io/courses/grokking-the-system-design-interview/m2ygV4E81AR 编者注:本文以一道经典的系统设计面试题:《如何设计TinyURL》的参考答案和解析为例,帮助...

APEMESH
今天
7
0
使用logstash同步MySQL数据到ES

概述   在生成业务常有将MySQL数据同步到ES的需求,如果需要很高的定制化,往往需要开发同步程序用于处理数据。但没有特殊业务需求,官方提供的logstash就很有优势了。   在使用logstas...

zxiaofan666
今天
10
0
X-MSG-IM-分布式信令跟踪能力

经过一周多的鏖战, X-MSG-IM的分布式信令跟踪能力已基本具备, 特点是: 实时. 只有要RX/TX就会实时产生信令跟踪事件, 先入kafka, 再入influxdb待查. 同时提供实时sub/pub接口. 完备. 可以完整...

dev5
今天
7
0
OpenJDK之CyclicBarrier

OpenJDK8,本人看的是openJDK。以前就看过,只是经常忘记,所以记录下 图1 CyclicBarrier是Doug Lea在JDK1.5中引入的,作用就不详细描述了,主要有如下俩个方法使用: await()方法,如果当前线...

克虏伯
今天
8
0
实战项目-学成在线(八)

在前后端分离架构中,服务层被拆分成了很多的微服务,微服务的信息如何管理?Spring Cloud中提供服务注册中心来管理微服务信息。 注册中心作用: 1、微服务数量众多,要进行远程调用就需要知...

lianbang_W
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部