web网页端微信登录内嵌二维码方法

步骤1：在页面中先引入如下JS文件（支持https）：

http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js

步骤2：在需要使用微信登录的地方实例以下JS对象：

 var obj = new WxLogin({self_redirect:true,id:"login_container",   //盒子 IDappid: "",         //微信官网申请scope: "",          //微信官网申请redirect_uri: "",           微信官网设置回调域名state: "Math.random()",style: "",                 //二维码样式 只有black  whilehref: ""          //样式 需要base64编码加密   data:text/css;base64,后面拼接});

参数说明

参数	是否必须	说明
self_redirect	否	true：手机点击确认登录后可以在 iframe 内跳转到 redirect_uri，false：手机点击确认登录后可以在 top window 跳转到 redirect_uri。默认为 false。
id	是	第三方页面显示二维码的容器id
appid	是	应用唯一标识，在微信开放平台提交应用审核通过后获得
scope	是	应用授权作用域，拥有多个作用域用逗号（,）分隔，网页应用目前仅填写snsapi_login即可
redirect_uri	是	重定向地址，需要进行UrlEncode
state	否	用于保持请求和回调的状态，授权请求后原样带回给第三方。该参数可用于防止csrf攻击（跨站请求伪造攻击），建议第三方带上该参数，可设置为简单的随机数加session进行校验
style	否	提供"black"、"white"可选，默认为黑色文字描述。详见文档底部FAQ
href	否	自定义样式链接，第三方可根据实际需求覆盖默认样式。详见文档底部FAQ


需要填写APPID  微信开放平台获取redirect_uri    微信开放平台设置的回调secret   微信开放平台获取

参数会拼接在回调 url 的后面截取参数返回给后端

getWXcode() {// 获取codevar url = location.searchconsole.log(url)var theRequest = new Object()if (url.indexOf('?') != -1) {var str = url.substr(1)let strs = str.split('&')for (var i = 0; i < strs.length; i++) {theRequest[strs[i].split('=')[0]] = strs[i].split('=')[1]}}let code = theRequest.codeconsole.log(theRequest)console.log(code)// return theRequest;// 打印code},

web网页端微信登录内嵌二维码方法相关推荐

微信小程序转二维码方法分享
微信小程序转二维码方法分享需要转码的可以看看这个东西是看个人需求的,618就要来了,各种活动也将来袭有些小伙伴不知道怎么生成为了方便小程序邀请活动没法外发,这里分享下将小程序转二维码的方法首 ...
魔坊APP项目-15-邀请好友（业务逻辑流程图、服务端提供邀请好友的二维码生成接口、客户端通过第三方识别微信二维码，服务端提供接口允许访问、App配置私有协议,允许第三方应用通过私有协议,唤醒APP）
邀请好友 1.业务逻辑流程图客户端提供点击"邀请好友"以后的页面frame,html/invite.html,代码: <!DOCTYPE html> <html ...
小程序内嵌二维码长按识别内测QA
一.使用方式: index.wxml <view class="page-wrapper"><text class="title">二维 ...
【微信公众号】微信集成功能--扫描二维码完成用户登录操作
目录需求来源实现思路 1.进入登录页面,生成微信公众号的临时二维码: 2.用户通过微信扫一扫二维码: 3.登录页面定时查询扫码结果: 代码实现(基于Laravel框架前后端混合) HTML PHP ...
微信扫码登录，微信公众号生成二维码，关注登录nodejs+vue
微信公众号生成二维码,关注后扫码登录技术栈为nodejs+vue 有不懂的可以加我微信yizheng369 1.效果初始: 关注后: 2.源码此项目为前后端分离项目,前后端代码都在这个仓库里, ...
微信H5实现网页长按保存图片及识别二维码
实现微信H5实现网页长按保存图片及识别二维码使用工具 html2canvas 官方文档 html2canvas.hertzen.com/ canvas2image github.com/hongru ...
如何生成微信小程序二维码，小程序内页二维码
你自己得有个微信公众号,只需要知道小程序的名字就可以了生成小程序二维码第一步编辑素材第二步搜索小程序名字,然后回车,下一步第三步选小程序码小程序内页二维码第一步编辑素材第二步搜索小程序名 ...
张小龙详细解读：微信小程序扫描二维码可进入（附实录）
在今天举行的2017微信公开课PRO版上,腾讯微信负责人张小龙表示,微信小程序特性是:无须安装.触手可及.用完即走.无须卸载. 张小龙解答了关于小程序的疑问,并透露小程序计划于2017年1月9日正式上 ...
微信（支付）二维码的生成（前端方向）
以csdn的微信登录为例子 1.发起请求,获取微信二维码的 QR code 这个请求一般返回两个字段 QR url () 订单号 / token () 然后通过 QR url 生成 QR code ...

web网页端微信登录内嵌二维码方法

web网页端微信登录内嵌二维码方法相关推荐

最新文章

热门文章

web网页端 微信 登录 内嵌 二维码 方法

web网页端 微信 登录 内嵌 二维码 方法相关推荐

最新文章

热门文章

web网页端微信登录内嵌二维码方法

web网页端微信登录内嵌二维码方法相关推荐