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系统和微信的对接是怎么实现的
蓝点客户关系管理系统可以接入微信的，用户只需在系统中设置相关参数即可。接入微信后，用户还可以随时在微信中查询数据，或发照片，自动存入系统中。