怎樣實現(xiàn)營銷型網(wǎng)站建設(shè)的掃碼登錄

如今掃碼已經(jīng)是一種時尚了，大家可以通過掃碼來實現(xiàn)很多軟件的登錄，既方便又快捷。如今的營銷型網(wǎng)站建設(shè)也慢慢實現(xiàn)了掃碼登錄了，這樣的話比較的方便，但是掃碼登錄比較的麻煩。那么，怎樣實現(xiàn)營銷型網(wǎng)站建設(shè)的掃碼登錄呢？

需求介紹

首要，介紹下什么是掃碼登錄?，F(xiàn)在，大部分同學(xué)手機(jī)上都裝有qq和淘寶，天貓等這一類的軟件。而開發(fā)這些app的企業(yè)，都有他們相對應(yīng)的網(wǎng)站。為了讓用戶在運(yùn)用他們的網(wǎng)站時，登錄愈加便利和安全。這些企業(yè)供給了， 運(yùn)用手機(jī)，掃一掃，就能夠登錄的服務(wù)。網(wǎng)頁登錄時的作用如下：

掃碼登錄工作原理

3[XCS@ZU3{）R$_M2Z（TXA17.png

掃碼登錄工作原理

[G7LPSQ0）WAI]QAT}]CU63A.png

有許多小伙伴或許會感到很奇特，網(wǎng)頁上僅僅顯現(xiàn)了個二維碼，它怎樣就知道是哪個手機(jī)掃到了二維碼，而且進(jìn)行登錄的呢？而且，登錄完結(jié)今后，還能直接把用戶信息顯現(xiàn)給用戶，真的是很奇特啊。

原理解說

網(wǎng)頁端+服務(wù)器

接下來就是關(guān)于這個服務(wù)的具體完結(jié)。首要，大概說一下原理：用戶翻開網(wǎng)站的登錄頁面的時候，向瀏覽器的服務(wù)器發(fā)送獲取登錄二維碼的申請。服務(wù)器收到申請后，隨機(jī)生成一個uuid，將這個id作為key值存入redis服務(wù)器，一同設(shè)置一個過期時刻，再過期后，用戶登錄二維碼需求進(jìn)行改寫從頭獲取。一同，將這個key值和本公司的驗證字符串合在一同，經(jīng)過二維碼生成接口，生成一個二維碼的圖片（二維碼生成，網(wǎng)上有許多現(xiàn)成的接口和源碼，這兒不再介紹。）然后，將二維碼圖片和uuid一同回來給用戶瀏覽器。

瀏覽器拿到二維碼和uuid后，會每隔一秒向瀏覽器發(fā)送一次，登錄是否成功的申請。申請中帶著有uuid作為當(dāng)前頁面的標(biāo)識符。這兒有的同學(xué)就會奇怪了，服務(wù)器只存了個uuid在redis中作為key值，怎樣會有用戶的id信息呢？

這兒的確會有用戶的id信息，這個id信息是由手機(jī)服務(wù)器存入redis中的。具體操作如下：

手機(jī)端+服務(wù)器

話說，瀏覽器拿到二維碼后，將二維碼展現(xiàn)到網(wǎng)頁上，并給用戶一個提示：請?zhí)统瞿氖謾C(jī)，翻開掃一掃進(jìn)行登錄。用戶拿出手機(jī)掃描二維碼，就能夠得到一個驗證信息和一個uuid（掃描二維碼獲取字符串的功用在網(wǎng)上相同有許多demo，這兒就不具體介紹了）。由于手機(jī)端現(xiàn)已進(jìn)行過了登錄，在拜訪手機(jī)端的服務(wù)器的時候，參數(shù)中都回帶著一個用戶的token，手機(jī)端服務(wù)器能夠從中解析到用戶的userId（這兒從token中取值而不是手機(jī)端直接傳userid是為了安全，直接傳userid或許會被截獲和修正，token是加密的，被修正的風(fēng)險會小許多）。手機(jī)端將解析到的數(shù)據(jù)和用戶token一同作為參數(shù)，向服務(wù)器發(fā)送驗證登錄申請（這兒的服務(wù)器是手機(jī)服務(wù)器，手機(jī)端的服務(wù)器跟網(wǎng)頁端服務(wù)器不是同一臺服務(wù)器）。服務(wù)器收到申請后，首要比照參數(shù)中的驗證信息，斷定是否為用戶登錄申請接口。如果是，回來一個確認(rèn)信息給手機(jī)端。

手機(jī)端收到回來后，將登錄確認(rèn)框顯現(xiàn)給用戶（避免用戶誤操作，一同使登錄愈加人性化）。用戶確認(rèn)是進(jìn)行的登錄操作后，手機(jī)再次發(fā)送申請。服務(wù)器拿到uuId和userId后，將用戶的userid作為value值存入redis中以uuid作為key的鍵值對中。

登錄成功

然后，瀏覽器再次發(fā)送申請的時候，瀏覽器端的服務(wù)器就能夠得到一個用戶Id，并調(diào)用登錄的方法，聲成一個瀏覽器端的token，再瀏覽器再次發(fā)送申請的時候，將用戶信息回來給瀏覽器，登錄成功。這兒存儲用戶id而不是直接存儲用戶信息是因為，手機(jī)端的用戶信息，不一定是和瀏覽器端的用戶信息完全一致。

以后就是實現(xiàn)營銷型網(wǎng)站建設(shè)的掃碼登錄的方式，相信這些方式能夠放營銷型網(wǎng)站發(fā)展的越來越好，相信能夠為大家?guī)韼椭?/span>