1. 程式人生 > >細說pc端微信掃碼登入

細說pc端微信掃碼登入

最近做了一個pc端微信掃碼登入微信付款的功能,一個比較常見的問題是在移動端使用微信掃碼操作完畢後,pc端如何實時響應的問題。這裡細說一下登入的實現流程,付款方面暫時還沒找到比較好的實現方法,只能暫時用輪詢。

微信掃碼登入前端實現流程:

  1. 在登入頁面引入微信官方提供的外掛,http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js
  2. 新建一箇中間頁面(weixin_login.html),此頁面用來獲取移動端掃碼操作後的返回狀態,再根據返回的狀態做相應的處理(如頁面重定向)
  3. 在登入頁面的js中引入下面的程式碼:
var obj = new WxLogin({
        self_redirect: false,
        id:"wx-code", 
        appid: "***", 
        scope: "snsapi_login", 
        redirect_uri: "https://www.***.com/weixin_login.html",
        state: "",
        style: "",
        href: "https://www.***.com/css/weixin_code.css"
    });

    4. 在手機端掃碼,點選確認登入後就會實時進入到redirect_uri指向的頁面(如我這裡的weixin_login.html),然後在weixin_login.html後會帶有一個code的操作,拿到code和後端互動,後端就會拿到微信伺服器返回的資訊提供給前端,然後就可以做相應的操作。

注意:上面程式碼中,href引入的是你自己寫的樣式檔案,改變微信預設的二維碼樣式,要用https的協議


相關推薦

細說pc登入

最近做了一個pc端微信掃碼登入和微信付款的功能,一個比較常見的問題是在移動端使用微信掃碼操作完畢後,pc端如何實時響應的問題。這裡細說一下登入的實現流程,付款方面暫時還沒找到比較好的實現方法,只能暫時用輪詢。微信掃碼登入前端實現流程:在登入頁面引入微信官方提供的外掛,http

pc支付和支付寶在線支付(還未驗證 先留著)

無需 host var efi 成功 raw func pwd 更改 本DEMO演示了PHP支付寶和微信掃碼在線支付,支付成功後,在回調地址顯示支付相關信息。 操作步驟: 1.修改配置文件 Application/common/conf/config.php $arr =

PHP PC支付【模式二】詳細教程-附帶源(轉)

idt class pid 方法 按鈕 -c 商戶 開源 玩意兒 博主寫這破玩意兒的時候花了大概快兩天時間才整體的弄懂邏輯,考慮了一下~還是把所有代碼都放出來給大家~抱著開源大無私的精神!誰叫我擅長拍黃片呢?同時也感謝我剛入行時候那些無私幫過我的程序員們! 首先還是

關於ysdk登入介面消失後黑屏的問題

問題描述:遊戲接入1.4.2版本ysdk後新增微信掃碼登入功能,然後出現k微信掃碼登入介面消失後黑屏的問題,檢視遊戲執行日誌,顯示回撥到登入成功,微信登入票據也獲取到了,然鵝,遊戲介面卻沒有返回   1.4.2版本微信掃碼登入功能,mainactivity launchmode改為

php開放平臺--第三方網頁登入(OAuth2.0)

第一、OAuth2.0  OAuth(開放授權)是一個開放標準,允許使用者讓第三方應用訪問該使用者在某一網站上儲存的私密的資源(如照片,視訊,聯絡人列表),而無需將使用者名稱和密碼提供給第三方應用。  允許使用者提供一個令牌,而不是使用者名稱和密碼來訪問他們存放在特定服務提供者的資料。每一個令牌授權一個特定的

JAVA實現第三方網站登入Demo

用JAVA Servlet實現的第三方網站微信掃碼登入的Demo,做這個確實很辛苦,很不容易實現,但是還是做出來了,這裡把程式碼貼一下,避免做微信登入開發的朋友們少走彎路 package com.wxlogin.common; import java.n

第三方登入登入(OAuth2.0)

1、OAuth2.0   OAuth(開放授權)是一個開放標準,允許使用者讓第三方應用訪問該使用者在某一網站上儲存的私密的資源(如照片,視訊,聯絡人列表),而無需將使用者名稱和密碼提供給第三方應用。   允許使用者 提供一個令牌, 而不是使用者名稱和密碼來訪問他們存放

登入WebSphere釋出報錯處理

因開發時使用的是Tomcat+SunJDK1.6,程式沒問題。 在客戶使用時,釋出為WebSphere(預設為IBMJDK),客戶方使用了十臺機器,前端為負載。 最開始以為是負載問題,後來將十臺機器停止九臺,抓取日誌後發現錯誤為: java.security.NoSuc

內嵌式js登入及自定義樣式

關於微信掃碼登入網站的功能介紹,請閱讀官方文件【網站應用微信登入開發指南】 根據官方文件我們知道微信掃碼登入有兩種方式 一種是跳轉到一個大黑屏二維碼介面進行掃碼登入: (參見部落格:PHP實現跳轉式微信掃碼登入網站 ) 另外一種是把二維碼內嵌到頁面中,這樣可以自定

修改登入,二維樣式

開工後的第一篇部落格,記得在去年給自己定的計劃是每月一篇部落格,看來有點沒有持之以恆,抱歉…,進入正題: 過完年來一直在趕專案進度,期間也遇到很多問題,很想把它分享出來,時間問題吧,沒有及時寫出來,今

laravel php 登入

參考來自 http://www.cnblogs.com/txw1958/p/scan-qrcode-login.html 自己做了微信登入 這個相當於筆記 僅供參考 微信掃碼登入需要的資料是微信開放平臺!!! 微信掃碼登入需要的資料是微信開放平臺!!! 微信掃碼登入需要的

開放平臺開發——網頁登入(OAuth2.0)

1、OAuth2.0   OAuth(開放授權)是一個開放標準,允許使用者讓第三方應用訪問該使用者在某一網站上儲存的私密的資源(如照片,視訊,聯絡人列表),而無需將使用者名稱和密碼提供給第三方應用。   允許使用者提供一個令牌,而不是使用者名稱和密碼來訪問他們存放在特定服務提供者的資料。每一個令牌授權一個特

php登入和公眾號登入

/** * 微信授權登入 * @param Request * @return [json] */ public function wxSignin(Request $request) { $code = $request->input('

flask 登入

flask 微信掃碼登入 app和路由配置程式碼 import re import time import requests from flask import Flask, render_template, session, jsonify app = Flask(__name_

Web應用多賬號系統設計及登入實現

class WeChatAuthCallback(MyBaseHandler): """ 微信第三方認證之後,開始將此使用者在本系統沉澱下來 - 用於微信伺服器傳回code的值 - 此處要再請求獲得access_token """ asy

Laravel5.5結合小程式獲取使用者unionid | 網站實現登入

一、背景 我們目前有一個專案是有兩個終端,一個是小程式端,一個PC網頁端,而我們設計這個產品的使用者模組是直接和使用者微信賬號繫結,即同一個微信,可以訪問小程式和PC端。而這兩個終端需要一個唯一的標識來匹配使用者的身份,微信裡的使用者唯一標識也就是“unionid”(注意不

開放平臺----登入

告知:所有操作是基於域名已備案,並且具有企業級微信公眾號! 1.準備工作      1.1.註冊微信開放平臺帳號      1.2.建立應用(網站應用),填寫資料          注意:                    !填寫的域名與備案號必須一致. 

登入網頁實現原理

http://justcoding.iteye.com/blog/2213661 掃碼登入操作過程 手機登入微信,利用“掃一掃”功能掃描網頁上的二維碼手機掃描成功後,提示“登入網頁版微信”;網頁上顯示“成功掃描 請在手機點選確認以登入”手機端點選“登入網頁版微信”,網

SpringBoot實現登入功能讓網站支援使用登入

此功能基於微信開放平臺。實現此功能的前提是需要有微信開放平臺帳號,並認證(需300¥)成功。 需要有公網可以訪問的域名和IP。 一、微信開放平臺認證流程 使用帳號登入後進入到帳號中心–》開發者

C#實現登入網站

網站、APP通過微信、微博、qq賬號來登入已經是很久以前的事了,現舉一個微信登入網站的例子:1、在open.weixin.qq.com註冊一個賬號,建立一個網站應用,開放介面每年要交300元認證費。2、在網站應用配置中設定授權回撥域為你自己的通過備案的域名。3、利用微信網站介