web程式使用微信驗證登入

2021-09-20 01:12:13 字數 2625 閱讀 6039

個人廣告時間

本人部落格:www.lixiang.red

對程式或者**有問題,可參見部落格上的****~~

謝謝大家支援

中颱spring boot

前端html+vue

互動:跨域呼叫介面

開發模式

需要繫結人的同意

介面許可權

相關說明

驗證檔案放在根目錄

在webstome中隨便寫乙個介面(此外我用的是登入介面為例),**很簡單,就幾個input。

登入介面

js請求

請求路徑

在頁面重新整理登入頁面可看到:說明我們成功進入到了 controller

進入controller

改host

因為我這裡是頁面和中端分離,沒有配springmvc的頁面解析,所以還需要乙個nginx伺服器,把我的頁面丟進去,如果是用的springmvc,改完host就可以請求了。

nginx

執行nginx,並訪問m.nongjihongshu.com,可以看到登入頁面

執行nginx

可以看到登入頁面

ps: 如果是用springmvc的同學,這裡可以直接寫對應的controller , 如果是和我一樣前後端分離的,還需要在nginx裡面進行配置。

改完配置後要重啟nginx

nginx配置

成功進入controller

}返回結果如下圖所示為:

這個時候再拿使用者的openid 去和資料庫比較,即可判斷是否是預期使用者。

微信小程式登入流程 微信登入

提高使用者體驗 制定產品策略 token 登入態是個邏輯詞彙,token可以理解為登入態的具象化 資料化,在上面的流程圖中,可以看到token是由開發者伺服器建立的乙個字元,而且需要跟openid和session key相關聯,關聯完成之後開發者伺服器將 token下發到客戶端,客戶端儲存在本地,後...

微信小程式 一 微信登入

前端 請求伺服器 wx.request method get header 設定請求的 header success function res console.log 伺服器返回 res.data.result console.log 伺服器返回 res.data.msg fail function...

微信小程式授權登入

在這裡插入描述 前端部分 編寫自己的介面login.wxml login.js 獲取應用例項 page 生命週期函式 監聽頁面載入 onload function options 登入 dologin function e 後端部分 後端運用的是springboot框架 專案結構 官方教程 官方流程...