关于javascript:uniapp结合PHP实现单用户登陆

39次阅读

共计 3261 个字符,预计需要花费 9 分钟才能阅读完成。

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

&nbsp&nbsp&nbsp&nbsp&nbsp&nbspuni-app 是目前能通过应用 vue.js 框架只须要编写一套代码同时打包 Android,IOS,微信小程序,头条支付宝小程序和 H5,通过应用 HBuilder 工具不便调试与云打包,对于苹果证书,举荐 CW.PUB,https://cw.pub/index/document/index。应用 HBuilder 打越狱包通过那个网站签名就能够在失常苹果手机装置,不过网上还有其余些办法这里就不列举了。

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 个别 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,跳网页连贯等等。

正文完
 0