首页 > 移动UI设计 正文
uni-app结合PHP实现单用户登陆

时间:2022-11-19 19:47:38 阅读: 评论: 作者:

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

   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.s({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::sToClient($is_online[client_id],json_encode([type => quit_push,data => ip,message => 强制下线]));}4. 工具类sToClient方法部分

  public static function sToClient($client_id, $message) { Gateway::sToClient($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 20220816 // $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::s($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::s($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,跳网页连接等等。