uni-app結合PHP實現單用戶登錄

      單用戶登錄，即在一個應用中，同一個用戶只能在線登錄一個，一個用戶登錄，在其餘設備上會被即時擠下線，確認後清空登錄該設備上的登錄裝填並退回到登錄界面。

    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，跳網頁鏈接等等。