1.網站接入微信登錄的好處
網站接入微信登錄，微信登錄使網站可以免除注冊的流程，並充分利用龐大的微信用戶群來實現快速傳播；網站接入微信登錄後，用戶只需要使用手機掃碼就可登錄，簡化用戶注冊流程，燃陪更有效率的提高轉化用戶流量。
2.站接入微信登錄之前需要申請
接入微信登錄前，網站需首先進行申請，獲得對應的appid與appkey，以保證後續流程中可正確對網站與用戶進行驗證與授權；我們以瓴碼官網http://www.zeropaas.com申請。
3.瓴碼官網前端增加相關代碼
let nowUrl = location.href;
let result = /code=(w*)&state=([0-9]*)/.exec(nowUrl);
if(result){
window.parent.postMessage(nowUrl,'*');
}
4.網站前端將微信登錄二維碼圖標內嵌至一個p中，並顯示該p
!function (a, b, c) {
function d(a) {
var c = "default";
a.self_redirect === !0 ? c = "true" : a.self_redirect === !1 && (c = "false");
var d = b.createElement("iframe"),
e = "https://open.weixin.qq.com/connect/qrconnect?appid=" + a.appid + "&scope=" + a.scope + "&redirect_uri=" + a.redirect_uri + "&state=" + a.state + "&login_type=jssdk&self_redirect=" + c + '&styletype=' + (a.styletype || '') + '&sizetype=' + (a.sizetype || '') + '&bgcolor=' + (a.bgcolor || '') + '&rst=' + (a.rst || '');
e += a.style ? "&style=" + a.style : "", e += a.href ? "&href=" + a.href : "", d.src = e, d.frameBorder = "0", d.allowTransparency = "true", d.scrolling = "no", d.width = "300px", d.height = "400px";
var f = b.querySelector('.weChatLogin_col_weChatBouncedDiv');//微信二維碼內嵌p
f.innerHTML = "", f.appendChild(d)
}
a.WxLogin = d
}(window, document);
const state = Number(new Date()).toString();//獲取狀態值
window.sessionStorage.setItem('state', state )//暫存狀態值
const obj = new WxLogin({//實例化一個二維碼
self_redirect: true,
id: "weChatBouncedDiv",//微信二維碼圖標內嵌p的id
appid: "wxfb8bf3273365770a",//應用唯一標識
scope: "snsapi_login",
redirect_uri: "http%3a%2f%2fzeropaas.com",//回調地址
state: state ,//用於保持請求和回調的狀態，授權請求後原樣帶回給第三方；該參數可應用於防止csrf攻擊（跨站請求偽耐碧造攻擊）
});
5.網站前端微信登錄授權成功之後的處理
window.onmessage = function(e) {//微信登錄授權成功後，官網皮畝蠢觸發該消息
let url = e.data;//e.data="http://www.zeropaas.com/?code=xxx&state=xxx"
if(url.indexOf('?') != -1){
url = url.substr(url.indexOf('?'))//url="?code=xxx&state=xxx"
let arr = url.substr(1).split('&');//arr=["code=xxx","state=xxx"]
arr = arr.map(item => {
item = item.split('=')
let map = new Map()
map.set(item[0],item[1])
item = Object.fromEntries(map)
return item
})//arr=[{code:"xxx"},{state:"xxx"}]
let oldState = window.sessionStorage.getItem('state');
let newState = arr[1].state;
//
// loadingDiv.style.display = 'flex'
// loadingDiv.innerHTML = '正在登錄中...'
$this.showVessel('loadingDiv',true,()=>{//顯示正在登錄中
$this.sm['loading'].startMole(function () {
$this.showSubMole('loading', true, function () {
if(oldState === newState){
$this.ep.thirdLogin(0,arr[0].code,1,1,0,null,function (result) {//向雲端發送第三登錄事件,code是微信登錄碼
if (result === null) {
$this.$router.push('/')//微信登錄成功，並且不要綁定手機號
} else {//微信登錄成功，並且需要綁定手機號
$this.openID = result//微信用戶ID
$this.showSubMole('loading', false, function () {}, function () {})
$this.showVessel('loadingDiv',false,()=>{},()=>{})//隱藏正在登錄中
$this.showBindingPhone()//綁定手機號
}
},function (err) {
console.log(err)
})
}
}, function () {})
}, function () {})
},()=>{})
window.onmessage = null
}
},
6.網站雲端獲取微信openid和access_token
function getOpenid_WX(appid,appSecret,code,successCB, errorCB){//獲取微信openid和token
const request = require(global.nodePath + "/node_moles/request");
let url1= 'https://api.weixin.qq.com/sns/oauth2/access_token?appid=' + appid + '&secret=' + appSecret + '&code=' + code + '&grant_type=authorization_code'
request.get(
{
url: url1,
method: "GET",
json: true,
headers: {
"Content-type": "application/json",
},
},function (error, response, body) {
if (response.statusCode == 200) {
let data = JSON.stringify(body, null, 4);//從一個對象解析出字元串，第三個參數是格式化縮進格式按照四個字元縮進
let data1 = (JSON.parse(data));
let access_token = data1.access_token;
let openid = data1.openid;
successCB(access_token,openid);
}else {
errorCB(['獲取微信信息失敗！狀態碼：'+ response.statusCode]);
}
}
);
}
7.微信登錄和QQ登錄的區別
微信登錄可以內嵌網站登錄頁面，也可以打開微信登錄授權頁面，QQ登錄不可以內嵌網站登錄授權頁面，必須打開QQ登錄授權頁面，如果是打開微信或QQ登錄授權頁面，則登錄授權成功後必須關閉該頁面。
微信登錄回調地址可以指定一級根目錄或二級子目錄，比如 "http%3a%2f%2fzeropaas.com "或"http%3a%2f%2fzeropaas.com/qqLogin"， QQ登錄回調地址必須指定二級子目錄，比如 "http%3a%2f%2fzeropaas.com/qqLogin"
B. 微信公眾號怎麼與網站綁定，讓用戶在公眾號上可以收到網站的交互信息比如論壇上用戶發的帖子被回復
首先微信公眾號必須認證，其次在微信公眾號後台需要對該網站進行授權，授權後微信公眾號可以過去粉絲信息，微信公眾號里的粉絲信息與網站里的個人信息保持一致，然後使用模板消息進行推送，但是注意模板消息每天的推送數量是固定的，如果回帖數量過多，那麼就需要進行特別申請。
C. HTML5怎麼與微信後台對接開發呢
第一種，編輯模式
登陸進入微信公眾平台；
點擊菜單中的「高級功能版」；
打開「編輯模式權」；
設置自動回復，添加一個圖文內容，將原文鏈接設置為自己網站。
第二種，開發模式
登陸進入微信公眾平台；
點擊菜單中的「高級功能」；
打開"開發模式"；
點擊」查看文檔「按鈕進入開發介面文檔；
根據介面文檔開發並部署一個具有外網IP，80埠的Web服務；
在微信公眾平台」開發模式「界面中填寫URL和Token。
D. 微信公眾號怎麼和網站進行對接
直接做小程序就可以了
E. 微信小程序跟後台管理網頁怎麼連接
微信小程序跟後台管理網頁我們可以這樣連接虧衫慶，首先我們打銷握開微信，然後下拉上塌升面就會有小程序，我們點開設置，裡面設置為和後台管理網頁連接，這樣的話就可以連接了。
F. 怎麼把微信放到網站呢
作為移動互聯網時代一種全新的溝通交流方式，如今，微信已擁有超過3億用戶。不少企業為「如何用好微信」絞盡腦汁。大家都知道，目前的微信公眾平台只有簡單的幾個功能，這對於企業是遠遠不夠的，自主研發更是心有餘而力不足。
一些微信公眾平台的高級功能可以通過第三方網站,大家不妨來試試微捷吧!
除了推送每日的消息外，還需要做哪些呢?如果能在微信公眾平台上有一個自己的網站該有多好!不僅能展現內容，還能分欄體現，豈不是一舉兩得?
微網站生成三步走：
微網站是指將企業信息、服務、活動等內容通過微兆和信網頁的方式進行表現，不但提高了信息量，也使信息的展現更加賞心悅目，進一步提高用戶體驗。把主要信息集合到一起，用戶看著也方便。
步驟/方法：
1-) 成為微服務網站的注冊用戶，只需點擊「配置」，即可自動配置好與微信公眾平台的開發介面。然後就可以在網站後台進行簡單設置。
2-) 選擇個性化管理—微網站頁面—編輯內容，添加並設置自需要展示的內容。
3-) 為了不讓網站看起來單調，微網站管理中有一些美化的功能，如新建欄目、模板設置等：為了方便企業使用微網站並降低成本，微信管家為企業提供了幾款微網站編輯模板，企業對圖標、背景、文字、按鈕鏈接進行修改，幫助企業快速生成屬於自己的微網站。
微網站在微信公眾帳號上可以有許多的展示機會，如：推送消息時附上網址或者超鏈接，又或者放到微信公眾帳號介紹里也是一個不錯的展現方式。在這里跟大家分享一個我覺得很好的使用方式，就是加在每篇文章的「閱讀全文」字樣上，被點擊的概率比較高，這樣每次推送信息，不管推送的是信息，都有可能看到你的微網站上展現的產品與服務。這都是屢試不爽的方法哦！
其它功能：
個性化微網站，與眾不同：企業可通過提供微網站頁面效果圖，網站素材資料和網站結構圖，由微信管家線下團隊，為企業製作符合企業要求的微網站。此功能需根據企業微網站需求進行評估並單獨計費。微網站瀏覽量族或盯統計：為企業提供微網站流量統團漏計，網站各個功能項點擊統計，為企業優化網站提供參考。數據在手，一切不愁!可以把生成的鏈接放到您想要推送的消息中，有用戶點擊，就可以統計出數據哦!
G. 微信crm，或者crm系統和微信的對接是怎麼實現的
藍點客戶關系管理系統可以接入微信的，用戶只需在系統中設置相關參數即可。接入微信後，用戶還可以隨時在微信中查詢數據，或發照片，自動存入系統中。