首页 > 编程语言 >uni-app结合PHP实现单用户登陆demo及解析

uni-app结合PHP实现单用户登陆demo及解析

时间:2023-10-17 13:09:12浏览次数:46  
标签:addr demo app 单用户 登陆 uni self

这篇文章主要为大家介绍了uni-app结合PHP实现单用户登陆示例过程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪


单用户登陆

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

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实现单用户登陆的资料请关注51博客其它相关文章!

标签:addr,demo,app,单用户,登陆,uni,self
From: https://blog.51cto.com/u_16306834/7901668

相关文章

  • 开发万岳互联网医院APP:技术要点和关键挑战
    随着移动技术和互联网的飞速发展,互联网医院APP成为医疗领域的一项重要创新。这些应用程序为患者和医生提供了更多便利和互动性,但开发互联网医院APP也伴随着一系列的技术要点和关键挑战。本文将探讨互联网医院APP的技术要点以及在开发过程中需要面对的挑战。一、技术要点1.跨平台开......
  • macOS 如何设置 Finder 打开某种类型的文件时候使用指定的默认 Application 程序 All
    macOS如何设置Finder打开某种类型的文件时候使用指定的默认Application程序AllInOnequestionsolution永久更改用于打开所有特定类型文件的App在Mac上,点按程序坞中的“访达”图标以打开“访达”窗口。选择文件,然后选取“文件”>“显示简介”。还可以按住Contr......
  • 什么是Kappa架构?
    一、简介相当于在Lambda架构上去掉了批处理层(BatchLayer),只留下单独的流处理层(SpeedLayer)。通过消息队列的数据保留功能,来实现上游重放(回溯)能力。当流任务发生代码变动时,或者需要回溯计算时,原先的JobN保持不动,先新启动一个作业JobN+1,从消息队列中获取历史数据,进行计算,计算结......
  • app逆向day03-反编译工具和hook框架
    一反编译工具1.1常见反编译工具常见的反编译工具:jadx(推荐)、jeb、GDA反编译工具依赖于java环境,所以我们按照jdk1.2JDK环境安装#官方地址:(需要注册-最新java21)https://www.oracle.com/java/technologies/downloads/1.2.1win平台安装#1下载jdk-8u371-windows-x64.e......
  • Windows Server 2016 Standard RemoteApp应用发布配置举例
    RemoteApp应用发布介绍RemoteApp是微软在WindowsServer2008之后,在其系统中集成的一项服务功能,用户可以通过远程桌面访问远端服务器的桌面与程序,客户端本机在无须安装操作系统与应用程序的情况下也能正常使用远端服务器发布的各种桌面与应用。而在Windows2016中RemoteApp已......
  • websocket 简易demo
    websocket简易demo网上找的然后写的demo还有一种写法,跟这种写法不同,先记录这一种引入依赖<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-websocket</artifactId></dependency&g......
  • spring 状态机demo
    spring状态机demo<dependency><groupId>org.springframework.statemachine</groupId><artifactId>spring-statemachine-core</artifactId><version>2.0.1.RELEASE</version>......
  • elasticsearch通过Java class类的@Setting和@Mapping来定义索引index
    今天就来和大家讲讲如何将es索引中的mapping和setting在索引index和class联系起来,其实在这个问题也困扰我好久了,一直没有解决,在elasticsearch7.x版本的时候貌似好像可以用request在程序中来建立索引,像Stringindex=“{“mapping”:...}”之类的操作,干起来比较复杂,在elasticsearch......
  • scanner Demo04
    packagecom.chen.scanner;importjava.util.Scanner;publicclassDemo04{publicstaticvoidmain(String[]args){Scannerscanner=newScanner(System.in);//从键盘接收inti=0;floatf=0.0f;System.out.println(&quo......
  • scanner Demo05
    packagecom.chen.scanner;importjava.util.Scanner;publicclassDemo05{publicstaticvoidmain(String[]args){//我们可以输入多个数字,并求其总和与平均数,每输入一个数字用回车确认,通过输入非数字来结束输入并输出执行结果;Scannerscanner=newSc......