1. 程式人生 > >微信小程式登入功能的使用

微信小程式登入功能的使用

微信小程式的登入功能主要通過兩個步驟實現:

先上一張微信官方文件中的時序圖


一、利用wx.login函式獲取使用者code

wx.login({
      success: function(res) {     //使用者code會被封裝在res物件中,通過res.code獲取使用者的code
        if (res.code) {
          
        } else {
          console.log('獲取使用者登入態失敗!' + res.errMsg)
        }
      }
    });

二、利用向https://api.weixin.qq.com/sns/jscode2session發出http請求獲得使用者資訊。

使用者code獲取成功之後,通過向https://api.weixin.qq.com/sns/jscode2session傳送http請求的方式換取使用者的openid及session_key。http的請求引數為:


獲得的響應引數為:


一般情況下,將使用者code傳送到第三方伺服器,第三方伺服器將appid,secret以及grant_type與使用者code拼接成如下地址

https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code

向該地址傳送http請求,獲得響應引數。其中session_key不應傳送到客戶端,應在第三方伺服器中生成3rd_session,將3rd_session傳送給客戶端,並且在第三方伺服器中將3rd_session為key,openid+session_key為value,將資料持久化,可以使用redis等kv儲存工具。

相關推薦

程式登入功能的使用

微信小程式的登入功能主要通過兩個步驟實現:先上一張微信官方文件中的時序圖一、利用wx.login函式獲取使用者codewx.login({ success: function(res) { //使用者code會被封裝在res物件中,通過res.code獲取

程式登入授權

wxml檔案內容 <view class="container"> <view class="userinfo"> <button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInf

程式登入-openid和unionid

本文轉自https://www.cnblogs.com/yaoyuqian/p/8203792.html   我們一般都是先獲取到微信的 unionid,然後再通過 unionid 去登入自己的網站,就可以關聯到使用者在自己網站上的 user_id,但是在小程式登入中,有時候可以獲取到

程式評論功能原始碼

  wxml:   <textarea class="input" bindinput='bindContent' value="" placeholder="請填寫評論內容 "></textarea>

解決程式登入與釋出的一些問題

解決微信小程式的問題 圖片在電腦上顯示但在手機上卻無法顯示的問題 要使用的是本地圖片,不想把圖片上傳到網路再通過https的方式解決,解決方法如下: 1.image src中的圖片地址對英文字母大小寫敏感,必須確認大小寫對得上; 2.圖片大小問題。本地圖片要小於10KB才能順利在真機上顯示。 為什麼

程式評論功能實現原始碼,複製貼上

wxml: 傳送 js: var ComContent = ‘’ var CommentList = ‘[]’ var app = getApp() Page({ /** * */ data: { CommentList: [{}], bindContent: null, Co

[轉] 擴充套件程式框架功能

通過第三方 JavaScript 庫,擴充套件微信小程式框架功能。 擴充套件微信小程式框架功能(1)——Promise ES6 對 Promise 有了原生的支援,但微信開發者工具更新版本(0.11.112200)後, 移除了開發者工具對 ES6 中Promise 特性原生的支援, 需要引入第三

程式--登入流程梳理

前言 微信小程式凡是需要記錄使用者資訊都需要登入,但是也有幾種不同的登入方式,但是在小程式部分的登入流程是一樣的。之前就朦朦朧朧地用之前專案的邏輯改改直接用了,這個新專案要用就又結合官方文件重新梳理了下,並記錄一下,好記性不如爛筆頭嘛,哈哈。 幾種登入流程設計 利用OpenId 建立新使用者 這種方式

基於Shiro,JWT實現程式登入完整例子

小程式官方流程圖如下,官方地址 : developers.weixin.qq.com/miniprogram… : 如果此圖理解不清楚的地方,也可參看我的部落格 : www.cnblogs.com/ealenxie/p/… 本文是對接微信小程式自定義登入的一個完整例子實現 ,技術棧為 :

程式商城功能齊全定製開發

微笑暖人心,真情待客戶!山東帝雲資訊科技誠心×××,業務諮詢請找▍馬一13、4-06、99-08、27微/電 ▍淘寶京東盤踞電商行業十幾年,有成熟的體制,我的產品只用在線上傳就可以輕易上線銷售。我直接在淘寶,京東開店不好嗎?不容懷疑,淘寶和京東都是天然的流量池,對於企業短時間獲利有很大的好處,那為什

程式資訊功能解讀

1.資訊專區 在內容類,或者是內容電商類的小程式中,資訊專區都是一個必不可少的部分,它既能拓展商家在平臺上 的內容互動服務體系,還能豐富小程式內容,形成良好的閱讀環境,讓使用者擁有舒適的體驗。 所以,在小程式的首頁當中,我們可以將資訊的入口放出來,然後在資訊的欄目裡放置熱銷商品的介紹

程式登入Java後臺介面(詳解,附示例程式碼)

首先看一下官方文件 我們先對官方給的時序圖進行簡單的分析 1.當小程式呼叫wx.login()時,會獲得一個code(臨時登入憑證),然後我們需要用wx.request()將code傳送到自己的伺服器. 2.在伺服器的介面中,呼叫登入憑證校檢介面,將appid(

程式支付功能,完成整個交易的思路和程式碼

開發工具:微信開發者工具,Intellij idea 2018 框架:spring boot  交易流程圖: 下面直接上程式碼: 1.在wxml新增一個支付按鈕,點選監聽payMethod方法 <view><button bindtap='pa

程式登入(Java伺服器)

1, 首先前端會呼叫授權介面這個不用管, 呼叫授權介面以後, 會拿到微信使用者的頭像, 名稱, 前端的朋友請往這邊走, 微信小程式登入流程, 你可能走錯片場了,  我們討論的是後臺的登入 2, 我只需要知道, 當前端呼叫微信的授權介面以後, 有一個很重要的引數, 那就是co

Python實現程式支付功能

由於最近自己在做小程式的支付,就在這裡簡單介紹一下講一下用python做小程式支付這個流程。當然在進行開發之前還是建議讀一下具體的流程,清楚支付的過程。 1.支付互動流程  2.獲取openid(微信使用者標識) 1 import requests 2 3 from config import

程式返回功能

下面的例子是從首頁點選搜尋框然後跳轉到搜尋頁面,搜尋頁面是有返回功能的,可以返回上一個頁面。 1.首先在頁面寫好搜尋框。 <view class="search mt20 bd brs2" bindtap="bindFocus"> <icon ty

程式 登入 獲取授權登入

很簡潔的版本了吧,記憶力奇差,先存起來忘記了自己再點開看 <template> <view class="container"> // 這裡面的東西不要漏 <button type="primary" open-type="g

程式 登入併成功跳轉

//app.js App({ onLaunch: function () { // 展示本地儲存能力 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorage

程式登入&授權&獲取使用者資訊(thinkphp5後臺)

後臺用到的公共方法(寫入common.php檔案的) 1.傳送HTTP請求方法,用於獲取code。 /** * 傳送HTTP請求方法 * @param string $url 請求URL * @param array $params 請求引數 * @p

程式怎麼接入直播功能程式直播功能如何實現

蘑菇街通過直播商城帶來了的資料,給許多電商及其其他行業帶來了許多生機,那麼到底小程式要怎麼接入直播功能,小程式直播功能要如何實現。 小程式直播功能的開放,其實就是微信官方允許第三方直播平臺可以直接接入微信,以小程式的形式出現,大家可以在微信的小程式直播視窗互動,無需轉換到另一個APP去下載。