uni-app結合PHP實現單用戶登陸demo及解析
即在一個應用中,同一個用戶只能在線登陸一個,一個用戶登陸,在其他設備上會被即時擠下線,確認后清空登陸該設備上的登陸裝填并退回到登陸界面。
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實現單用戶登陸的資料請關注好吧啦網其它相關文章!
