网站微信登陆api接口（网站微信登录接口）

本篇文章给大家谈谈网站微信登陆api接口，以及网站微信登录接口对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享网站微信登陆api接口的知识，其中也会对网站微信登录接口进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、怎么为微信公众号配置API接口
• 2、网站应用接入微信登录
• 3、微信公众平台API接口问题,大神求帮忙
• 4、如何使用微信扫一扫接口登录网站

怎么为微信公众号配置API接口

为微信公众号配置API接口难吗，怎么操作的呢，那么怎么为微信公众号配置API接口呢?下面是我收集整理的怎么为微信公众号配置API接口，希望对大家有帮助~~

为微信公众号配置API接口的方法

方法/步骤

复制我们为你生成的Url和Token

登录微信公众平台(http://mp.weixin.qq.com)，启用开发者模式

点击设置或修改

网站应用接入微信登录

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=jssdkself_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=xxxstate=xxx"
if(url.indexOf('?') != -1){
url = url.substr(url.indexOf('?'))//url="?code=xxxstate=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'].startModule(function () {
$this.showSubModule('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.showSubModule('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_modules/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"

微信公众平台API接口问题,大神求帮忙

先确认下你是订阅号还是公众号，然后登录到平台确认下你能调用的api，如果说返回未授权，多半是你的账号认证手续还没完，确认下吧，api中的菜单我记得是要认证完了才能调的，希望能帮到你。

如何使用微信扫一扫接口登录网站

您好！很高兴能为您解答， 　
准备工作
网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。
在进行微信OAuth2.在进行微信OAuth2.0授权登录接入之前，在微信开放平台注册开发者帐号，并拥有一个已审核通过的网站应用，并获得相应的AppID和AppSecret，申请微信登录且通过审核后，可开始接入流程。
授权流程说明
微信OAuth2.0授权登录让微信用户使用微信身份安全登录第三方应用或网站，在微信用户授权登录已接入微信OAuth2.0的第三方应用后，第三方可以获取到用户的接口调用凭证（access_token），通过access_token可以进行微信开放平台授权关系接口调用，从而可实现获取微信用户基本开放信息和帮助用户实现基础开放功能等。
微信OAuth2.0授权登录目前支持authorization_code模式，适用于拥有server端的应用授权。该模式整体流程为：
1. 第三方发起微信授权登录请求，微信用户允许授权第三方应用后，微信会拉起应用或重定向到第三方网站，并且带上授权临时票据code参数；
2. 通过code参数加上AppID和AppSecret等，通过API换取access_token；
3. 通过access_token进行接口调用，获取用户基本数据资源或帮助用户实现基本操作。

关于网站微信登陆api接口和网站微信登录接口的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 网站微信登陆api接口的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于网站微信登录接口、网站微信登陆api接口的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。