国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

【微信小程序】實(shí)現(xiàn)授權(quán)登入---超詳細(xì)講解

這篇具有很好參考價(jià)值的文章主要介紹了【微信小程序】實(shí)現(xiàn)授權(quán)登入---超詳細(xì)講解。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

一、微信授權(quán)登陸簡介

1.何為小程序授權(quán)登入

? ?????????微信授權(quán)登錄是指在使用某些第三方網(wǎng)站或應(yīng)用時(shí),用戶可以選擇使用自己的微信賬號進(jìn)行登錄和驗(yàn)證身份。通過微信授權(quán)登錄,用戶可以免去繁瑣的注冊流程,只需點(diǎn)擊授權(quán)按鈕,即可使用自己的微信賬號進(jìn)行登錄。當(dāng)用戶選擇使用微信授權(quán)登錄時(shí),他們會(huì)被重定向到微信登錄頁面,在此頁面上,用戶登錄自己的微信賬號并確認(rèn)是否授權(quán)給第三方網(wǎng)站或應(yīng)用訪問自己的基本信息。一旦用戶授權(quán),第三方網(wǎng)站或應(yīng)用就可以獲取用戶基本信息(如昵稱、頭像等),并讓用戶在該網(wǎng)站或應(yīng)用上直接使用微信賬號進(jìn)行登錄和使用。

?2. 小程序使用微信授權(quán)登錄的優(yōu)勢

小程序中運(yùn)用微信授權(quán)登陸的優(yōu)勢有以下幾點(diǎn):

  1. ?擁有便捷的登錄體驗(yàn):使用微信授權(quán)登錄可以免去繁瑣的注冊流程,用戶只需點(diǎn)擊授權(quán)按鈕,即可使用自己的微信賬號進(jìn)行登錄。這樣可以大大簡化用戶登錄的步驟,提升用戶的使用體驗(yàn)。
  2. 提高賬號安全性:使用微信授權(quán)登錄可以提高賬號的安全性。因?yàn)橛脩舻馁~號信息不會(huì)被直接公開或泄露給小程序開發(fā)者,而是通過微信進(jìn)行授權(quán)驗(yàn)證。微信有完善的安全措施來保護(hù)用戶的賬號安全,包括密碼加密、登錄異常檢測等。

  3. 便捷的獲取用戶信息:通過微信授權(quán)登錄,小程序可以獲取用戶的基本信息,如昵稱、頭像等。這些信息可以用于個(gè)性化的服務(wù)和推薦內(nèi)容,提升用戶體驗(yàn)和參與度。

????????綜上所述,小程序使用微信授權(quán)登錄能夠提供便捷的登錄體驗(yàn)、節(jié)約用戶記憶負(fù)擔(dān),提高賬號安全性,獲取用戶信息,以及方便的社交互動(dòng)和分享功能,使用戶能夠更加方便地使用和享受小程序的服務(wù)。

3. 一般的微信授權(quán)登錄流程

  1. 用戶訪問第三方網(wǎng)站或應(yīng)用,并選擇使用微信授權(quán)登錄。
  2. 第三方網(wǎng)站或應(yīng)用將用戶重定向到微信登錄頁面。
  3. 用戶在微信登錄頁面上輸入自己的微信賬號和密碼,并進(jìn)行身份驗(yàn)證。
  4. 用戶確認(rèn)是否授權(quán)第三方網(wǎng)站或應(yīng)用訪問自己的基本信息。
  5. 如果用戶授權(quán),微信將生成一個(gè)授權(quán)憑證(access_token)。
  6. 微信將用戶重定向回第三方網(wǎng)站或應(yīng)用,并將授權(quán)憑證傳遞給該網(wǎng)站或應(yīng)用。
  7. 第三方網(wǎng)站或應(yīng)用使用授權(quán)憑證來獲取用戶的基本信息,如昵稱、頭像等。
  8. 第三方網(wǎng)站或應(yīng)用根據(jù)獲取到的用戶信息進(jìn)行登錄或驗(yàn)證身份的操作,使用戶可以在該網(wǎng)站或應(yīng)用上進(jìn)行相關(guān)操作。

二、微信授權(quán)案例演示

1. 導(dǎo)入小程序授權(quán)登陸項(xiàng)目

? ? ? ? 將資源里的mini-getUserProfile導(dǎo)入到微信開發(fā)者工具中。

?【微信小程序】實(shí)現(xiàn)授權(quán)登入---超詳細(xì)講解,微信小程序,小程序,前端框架,前端,1024程序員節(jié)

2. 實(shí)現(xiàn)微信授權(quán)登陸案例演示

2.1?wx.login

? ? ? ? 微信直接登陸2——是wx.login授權(quán)登陸的案例效果演示,效果演示如下。

?【微信小程序】實(shí)現(xiàn)授權(quán)登入---超詳細(xì)講解,微信小程序,小程序,前端框架,前端,1024程序員節(jié)

2.2?wx.getUserProfile

????????微信直接登陸1——wx.getUserProfile是授權(quán)登陸的案例效果演示,效果演示如下。需要將index.js中的canIUseGetUserProfile的屬性值改為true。

?【微信小程序】實(shí)現(xiàn)授權(quán)登入---超詳細(xì)講解,微信小程序,小程序,前端框架,前端,1024程序員節(jié)

3. 兩種授權(quán)登陸的區(qū)別

????????wx.login 和 wx.getUserProfile 是微信小程序中兩個(gè)不同的授權(quán)接口,它們的作用和使用方式有一些區(qū)別。如下所示:

  1. wx.login:

    • 功能:wx.login 用于獲取用戶的登錄憑證,即 code。
    • 授權(quán)范圍:只獲取用戶的登錄憑證,不包含用戶的個(gè)人信息。
    • 使用方法:調(diào)用 wx.login 后,小程序會(huì)將用戶的登錄憑證(code)發(fā)送給小程序的開發(fā)者服務(wù)器,開發(fā)者服務(wù)器可以通過該憑證向微信服務(wù)器換取用戶的唯一標(biāo)識(openid)和會(huì)話密鑰(session_key),用于后續(xù)的登錄驗(yàn)證和數(shù)據(jù)交互。
  2. wx.getUserProfile:

    • 功能:wx.getUserProfile 用于獲取用戶的個(gè)人信息,如昵稱、頭像等。
    • 授權(quán)范圍:獲取用戶的個(gè)人信息,需要用戶授權(quán)。
    • 使用方法:調(diào)用 wx.getUserProfile 接口時(shí),需要用戶主動(dòng)觸發(fā),并在回調(diào)函數(shù)中處理用戶的授權(quán)結(jié)果。只有用戶授權(quán)成功后,才能獲取到用戶的個(gè)人信息。

總結(jié):

  • wx.login 是用于獲取用戶的登錄憑證,用于進(jìn)行登錄驗(yàn)證和數(shù)據(jù)交互,不包含用戶個(gè)人信息。
  • wx.getUserProfile 是用于獲取用戶的個(gè)人信息,如昵稱、頭像等,需要用戶進(jìn)行授權(quán)才能獲取。

三、 微信授權(quán)登陸的流程

1. 授權(quán)登陸流程圖

【微信小程序】實(shí)現(xiàn)授權(quán)登入---超詳細(xì)講解,微信小程序,小程序,前端框架,前端,1024程序員節(jié)

? ? ? ? ?該流程圖詳細(xì)的結(jié)合項(xiàng)目、開發(fā)工具以及微信接口服務(wù)器仔細(xì)的為我們描述了一個(gè)個(gè)授權(quán)登陸的不走及調(diào)用的函數(shù)方法和傳輸?shù)膮?shù)。

2. 文字描述

?微信授權(quán)登錄小程序的流程原理的細(xì)節(jié)如下:

  1. 用戶在小程序中選擇使用微信授權(quán)登錄功能。
  2. 小程序調(diào)用 wx.login 接口,向微信服務(wù)器發(fā)起登錄請求。
  3. 微信服務(wù)器驗(yàn)證小程序的合法性,如果合法,會(huì)返回一個(gè)臨時(shí)登錄憑證 code 給小程序。
  4. 小程序?qū)⑹盏降?code 發(fā)送到后臺(tái)服務(wù)器。
  5. 后臺(tái)服務(wù)器接收到 code 后,使用自己的 AppID 和 AppSecret,以及收到的 code,調(diào)用微信接口向微信服務(wù)器發(fā)送請求,獲取用戶的唯一標(biāo)識 openid 和會(huì)話密鑰 session_key。
  6. 后臺(tái)服務(wù)器根據(jù) openid 和 session_key,進(jìn)行用戶身份的驗(yàn)證和處理,可以將用戶信息存儲(chǔ)在后臺(tái)數(shù)據(jù)庫中。
  7. 后臺(tái)服務(wù)器將驗(yàn)證結(jié)果返回給小程序。
  8. 小程序根據(jù)收到的驗(yàn)證結(jié)果,進(jìn)行相應(yīng)的登錄狀態(tài)處理,如登錄成功后,顯示用戶相關(guān)的個(gè)性化內(nèi)容。

注意:

????????需要注意的是,小程序在獲取到 code 后,必須將其發(fā)送到后臺(tái)服務(wù)器進(jìn)行二次驗(yàn)證和處理,因?yàn)橹苯邮褂?code 進(jìn)行用戶登錄是不安全的。通過后臺(tái)服務(wù)器的驗(yàn)證,可以確保用戶的身份和信息安全。同時(shí),后臺(tái)服務(wù)器也可以擁有更多的靈活性和自定義功能,如用戶信息的持久化存儲(chǔ)和一些業(yè)務(wù)邏輯的處理。

3. 案例演示

3.1 導(dǎo)入演示項(xiàng)目

前端

? ? ? ? 在微信開發(fā)者工具中導(dǎo)入oa-mini項(xiàng)目案例,這是前端頁面效果代碼

【微信小程序】實(shí)現(xiàn)授權(quán)登入---超詳細(xì)講解,微信小程序,小程序,前端框架,前端,1024程序員節(jié)

后端?

? ? ? ? 在IDEA編譯工具中導(dǎo)入我們的后端下項(xiàng)目——(ssm-oa)

?【微信小程序】實(shí)現(xiàn)授權(quán)登入---超詳細(xì)講解,微信小程序,小程序,前端框架,前端,1024程序員節(jié)

注意事項(xiàng):

【微信小程序】實(shí)現(xiàn)授權(quán)登入---超詳細(xì)講解,微信小程序,小程序,前端框架,前端,1024程序員節(jié)文章來源地址http://www.zghlxwxcb.cn/news/detail-742677.html

效果演示
?【微信小程序】實(shí)現(xiàn)授權(quán)登入---超詳細(xì)講解,微信小程序,小程序,前端框架,前端,1024程序員節(jié)

到了這里,關(guān)于【微信小程序】實(shí)現(xiàn)授權(quán)登入---超詳細(xì)講解的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 微信小程序三種授權(quán)登錄以及授權(quán)登錄流程講解

    微信小程序三種授權(quán)登錄以及授權(quán)登錄流程講解

    ????歡迎來到我的CSDN主頁!???? ??我是Java方文山,一個(gè)在CSDN分享筆記的博主。???? ??推薦給大家我的專欄《 微信小程序開發(fā)實(shí)戰(zhàn) 》。???? ??點(diǎn)擊這里,就可以查看我的主頁啦!???? Java方文山的個(gè)人主頁 ??如果感覺還不錯(cuò)的話請給我點(diǎn)贊吧!???? ??期待你

    2024年02月08日
    瀏覽(17)
  • 全網(wǎng)最詳細(xì)實(shí)現(xiàn)微信小程序支付功能【前端部分】

    全網(wǎng)最詳細(xì)實(shí)現(xiàn)微信小程序支付功能【前端部分】

    用戶點(diǎn)擊立即購買后進(jìn)入確認(rèn)訂單頁面,在此頁面可選擇商品數(shù)量,是否使用優(yōu)惠券,以及一些簡單的個(gè)人信息填寫,點(diǎn)擊支付輸入密碼則支付成功,如果點(diǎn)擊支付后沒有付款關(guān)閉了頁面會(huì)跳轉(zhuǎn)到待支付頁面并開始倒計(jì)時(shí)(待支付頁面顯示該商品適用的店鋪信息及個(gè)人信息訂

    2024年02月11日
    瀏覽(33)
  • 微信小程序授權(quán)登錄詳細(xì)解析

    微信小程序授權(quán)登錄詳細(xì)解析

    一、首先在wxml頁面定義一個(gè)普通按鈕,在用bindtap定義一個(gè)事件 ?二、去到j(luò)s頁面,使用wx.getUserProfile獲取到用戶信息,主要獲取微信昵稱和微信頭像 ?三、使用wx.login獲取code發(fā)送請求 ? 四、將code、nickName、avatarUrl傳入到后端 ?五、后端接受到code、用戶頭像、用戶昵稱 ?六、

    2024年02月09日
    瀏覽(28)
  • 基于SpringBoot+Vue+uniapp微信小程序的宿舍報(bào)修系統(tǒng)的詳細(xì)設(shè)計(jì)和實(shí)現(xiàn)(源碼+lw+部署文檔+講解等)

    基于SpringBoot+Vue+uniapp微信小程序的宿舍報(bào)修系統(tǒng)的詳細(xì)設(shè)計(jì)和實(shí)現(xiàn)(源碼+lw+部署文檔+講解等)

    ??博主介紹:?全網(wǎng)粉絲10W+,CSDN特邀作者、博客專家、CSDN新星計(jì)劃導(dǎo)師、全棧領(lǐng)域優(yōu)質(zhì)創(chuàng)作者,博客之星、掘金/華為云/阿里云/InfoQ等平臺(tái)優(yōu)質(zhì)作者、專注于Java、小程序技術(shù)領(lǐng)域和畢業(yè)項(xiàng)目實(shí)戰(zhàn)??? ???? 精彩專欄 推薦訂閱???? 2023-2024年最值得選的微信小程序畢業(yè)設(shè)計(jì)

    2024年04月22日
    瀏覽(26)
  • 基于SpringBoot+Vue+uniapp微信小程序的高校教師成果管理小程序的詳細(xì)設(shè)計(jì)和實(shí)現(xiàn)(源碼+lw+部署文檔+講解等)

    基于SpringBoot+Vue+uniapp微信小程序的高校教師成果管理小程序的詳細(xì)設(shè)計(jì)和實(shí)現(xiàn)(源碼+lw+部署文檔+講解等)

    ??博主介紹:?全網(wǎng)粉絲10W+,CSDN特邀作者、博客專家、CSDN新星計(jì)劃導(dǎo)師、全棧領(lǐng)域優(yōu)質(zhì)創(chuàng)作者,博客之星、掘金/華為云/阿里云/InfoQ等平臺(tái)優(yōu)質(zhì)作者、專注于Java、小程序技術(shù)領(lǐng)域和畢業(yè)項(xiàng)目實(shí)戰(zhàn)??? ???? 精彩專欄 推薦訂閱???? 2023-2024年最值得選的微信小程序畢業(yè)設(shè)計(jì)

    2024年04月08日
    瀏覽(28)
  • UNIAPP---實(shí)現(xiàn)微信小程序登錄授權(quán)和手機(jī)號授權(quán)(uniapp做微信小程序)

    UNIAPP---實(shí)現(xiàn)微信小程序登錄授權(quán)和手機(jī)號授權(quán)(uniapp做微信小程序)

    描述:uniapp開發(fā)小程序,先授權(quán)用戶信息后再出現(xiàn)手機(jī)號授權(quán)的頁面進(jìn)行手機(jī)號授權(quán)。完成后返回上一頁面并把信息存入后臺(tái)以及前臺(tái)緩存中,方便使用。 1.在uniapp的manifest.json進(jìn)行微信小程序配置 2.封裝request請求api.js(如果已封裝可跳過) 3.封裝微信授權(quán)登錄以及獲取手機(jī)

    2024年02月11日
    瀏覽(36)
  • 微信小程序?qū)崿F(xiàn)授權(quán)登錄及退出

    1.登錄獲取用戶昵稱,頭像 2.創(chuàng)建云函數(shù) 右擊新建文件夾cloud 在根目錄project.config.json中添加: 右擊文件夾cloud選擇當(dāng)前環(huán)境 右擊文件夾cloud新建Node.js云函數(shù),命名login 在新建文件夾login的index.js文件中: 右擊login文件夾選擇上傳并部署:云端安裝依賴(不上傳node_modules),顯

    2024年02月08日
    瀏覽(19)
  • 【微信小程序】-—下拉刷新、上拉觸底事件詳細(xì)講解

    下拉式移動(dòng)端的專有名詞,指的是通過手指子在屏幕上的下拉滑動(dòng)操作,從而重新加載頁面數(shù)據(jù) (1)方法一:全局開啟下拉刷新 在app.json的window節(jié)點(diǎn)中,將enablePullDownRefresh設(shè)置為true (2)方法二:局部開啟下拉刷新 在頁面的.json配置文件中,將enablePullDownRefresh設(shè)置為true 在實(shí)

    2024年02月06日
    瀏覽(28)
  • uniapp 小程序?qū)崿F(xiàn)微信授權(quán)登錄(前端和后端)

    uniapp 小程序?qū)崿F(xiàn)微信授權(quán)登錄(前端和后端)

    1.主要流程:先通過 uni.getUserProfile授權(quán)獲取用戶名稱和頭像等信息 在調(diào)用 uni.login 獲取微信登錄需要的臨時(shí)code 2. 前端代碼: 1.主要流程:在前端調(diào)用接口成功的將臨時(shí)code 傳遞給后端時(shí) ,后端通過調(diào)用微信的第三方接口拿到 openid, session_key 這兩個(gè)參數(shù),查詢數(shù)據(jù)庫是否有

    2024年02月16日
    瀏覽(30)
  • 【Springboot】整合wxjava實(shí)現(xiàn) 微信小程序:授權(quán)登錄

    【Springboot】整合wxjava實(shí)現(xiàn) 微信小程序:授權(quán)登錄

    提示:以下是本篇文章正文內(nèi)容,下面案例可供參考 WxJava - 微信開發(fā) Java SDK,支持微信支付、開放平臺(tái)、公眾號、企業(yè)號/企業(yè)微信、小程序等的后端開發(fā)。 官方的gitee倉庫地址 官方的github倉庫地址 官方的關(guān)于微信小程序的demo 導(dǎo)入wxjava的maven依賴 WxMaProperties 用于讀取yml配置

    2024年02月01日
    瀏覽(20)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包