uni-app結(jié)合PHP實現(xiàn)單用戶登陸demo及解析

更新時間：2023年05月14日 15:22:54 作者：北橋蘇

這篇文章主要為大家介紹了uni-app結(jié)合PHP實現(xiàn)單用戶登陸示例過程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

單用戶登陸

即在一個應(yīng)用中，同一個用戶只能在線登陸一個，一個用戶登陸，在其他設(shè)備上會被即時擠下線，確認(rèn)后清空登陸該設(shè)備上的登陸裝填并退回到登陸界面。

uni-app是目前能通過使用vue.js框架只需要編寫一套代碼同時打包Android，IOS，微信小程序，頭條支付寶小程序和H5，通過使用HBuilder工具方便調(diào)試與云打包，關(guān)于蘋果證書，推薦CW.PUB

使用HBuilder打越獄包通過那個網(wǎng)站簽名就可以在正常蘋果手機(jī)安裝，不過網(wǎng)上還有其他些方法這里就不列舉了。

一般APP做單用戶登陸會使用第三方消息推送平臺，雖然uni-app雖然也可以對接友盟，極光等推送平臺。但還是因為時間，對接平臺審核等流程時間不允許。之前使用gatewayworkman和websocket做了即時聊天，所以單用戶登陸也使用websocket實現(xiàn)。

uni-app socket單用戶登陸例

1.uni-app前端在初始化socke時發(fā)送當(dāng)前設(shè)備的唯一標(biāo)識，然后實時接收一個“強制退出”類型的消息，一下只是簡單示例。

//初始化
socket.on('init', () => { //連接初始化
    socket.send({
        type: 'login',
        token: uni.getStorageSync('access_token'),
        device_no: plus.device.uuid,            //手機(jī)設(shè)備唯一編號
    });
}).on('quit_push',(res)=> {
    if(res) {
        uni.showModal({
            title: '退出通知',
            content: '你的賬號在其他設(shè)備上登錄！',
            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.后端接收“設(shè)備唯一標(biāo)識”參數(shù)，先查找緩存是否存在，不存在記錄設(shè)備標(biāo)識和socket的clientid。

3.登陸接口接收設(shè)備標(biāo)識，緩存或庫里取出標(biāo)識記錄與當(dāng)前接收的設(shè)備標(biāo)識判斷是否一致，不一致則根據(jù)緩存中的clientid發(fā)送消息。

$is_online = Db::name('UserLoginClient')-&gt;where('user_id',$user['id'])-&gt;order('id desc')-&gt;find();
if(isset($device_no) &amp;&amp; $device_no &amp;&amp; $is_online['device_no'] != $device_no &amp;&amp; !empty($is_online['device_no'])) { 
        Tools::sendToClient($is_online['client_id'],json_encode([
                                                                                                'type' =&gt; 'quit_push',
                                                                                                'data' =&gt; 'ip',
                                                                                                'message' =&gt; '強制下線'
                                                                                            ]));
            }

4.工具類sendToClient方法部分

public static function sendToClient($client_id, $message)
    {
        Gateway::sendToClient($client_id, $message);
    }

推送單用戶登陸例

1.首先對接了友盟，包括前端后端都加了SDK和使用上了他們的方法。

2.消息推送有一個唯一值"token"，這里簡稱“pushtoken”，由客戶端生成，可以標(biāo)識一個唯一的設(shè)備。

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 {        // 換了手機(jī),客戶端重新發(fā)送pushtoken到服務(wù)端，服務(wù)端與緩存中的pushtoken比較，不同則給原來pushtoken手機(jī)推送一條并重新緩存新的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客戶端接收推送進(jìn)行彈窗提示和退出處理。

6.以上是根據(jù)友盟的SDK封裝的推送方法，其中包括單播，廣播，跳應(yīng)用activity，跳網(wǎng)頁連接等等。

以上就是uni-app結(jié)合PHP實現(xiàn)單用戶登陸的詳細(xì)內(nèi)容，更多關(guān)于uni-app結(jié)合PHP實現(xiàn)單用戶登陸的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: