第一步:拉取授权页面进行授权登录

let pages = 'https://open.weixin.qq.com/connect/oauth2/authorize?
appid='+自己的appid+'&redirect_uri='+授权登录后返回的页面+'&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect'
//我是用的非静默授权,snsapi_userinfo 需要用户手动同意window.location.href = pages;

第二步:获取页面返回的code

//这个是解析url参数的方法
var getRequest = function() {var url = window.location.search;var theRequest = new Object();if (url.indexOf("?") != -1) {var str = url.substr(1); //获取url中"?"符后的字串  var strs = str.split("&");for (var i = 0; i < strs.length; i++) {theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);}}return theRequest;
}//判断url中是否有code
if(getRequest.code){// H5获取微信accesstokenthis.getWxAccessToken(getRequest.code);
}

第三步:通过code换取网页授权access_token(这些步骤后端会处理 前端只需要调用后端的一个接口)

会返回openid,通过openid登录就好了

H5 授权微信第三方登录相关推荐

  1. 无需公众号PHP微信登录微信授权微信第三方登录微信开发php开发

    无论是个人还是公司,无需申请公众号,无需申请微信开放平台,即可实现手机网站和PC网站的微 信登录!!! 正常的微信登录是这样的: 1.手机版网站做微信登录,需要申请一个认证公众号,认证不仅需要公司营 ...

  2. 微信第三方登录(PC网站、APP、移动网页)

    最近搞微信第三方登录,搞蒙圈了. 我们的业务有两个场景需要使用微信第三方登录: 1.APP 第三方登录 2.H5网页第三方登录,具体流程:用户微信端收到一个二维码--->扫码后同意微信授权--& ...

  3. php手机注册和微信登录统一,微信第三方登录账户统一的问题

    微信公众号的 open_id和PC上的微信第三方登录 open_id 是一致的吗? 按照微信公众平台的文档 open_id应该是针对当前账户或者说是应用的,换句话说不同账号和应该应该是不一样的,那么如 ...

  4. iOS微信第三方登录实现

    iOS微信第三方登录实现 字数2824 阅读7603 评论19 喜欢46 注意:代码自己动手写,不要复制! 一.接入微信第三方登录准备工作. 移动应用微信登录是基于OAuth2.0协议标准构建的微信O ...

  5. apicloud——微信第三方登录、apple登录

    apicloud中微信第三方登录的问题 混合开发移动应用很火啊现在,多数公司都要求是必备技能,或者加分技能,所以学习来了 如下是作为前端工作者应该了解的内容,更加详细的前往官方示例 *** 结合api ...

  6. QQ 微信 第三方登录 分享

    </pre>一些基础性的东西我就不说了,至于怎么去下载SDK,什么的相信都知道<p></p><p>QQ </p><p>1.第三方 ...

  7. 微信第三方登录接口开发

    微信登录接口开发须知 APP登录接口 PC网站登录接口 微信移动网页登录接口(又称微信公众号授权登录) 移动端非微信自带浏览不支持微信登录 微信移动网页登录接口(又称微信公众号授权登录) 先要与开放平 ...

  8. iOS 微信 第三方登录实现

    这篇文章原blog写得很好,排版也很好,之所以转载,完全是为了做个记录. 注意:代码自己动手写,不要复制! GitHub 一.接入微信第三方登录准备工作. 移动应用微信登录是基于OAuth2.0协议标 ...

  9. iOS实现微信第三方登录

    一.接入微信第三方登录准备工作. 移动应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统. 在进行微信OAuth2.0授权登录接入之前,在微信开放平台注册开发者帐号,并拥 ...

最新文章

  1. 马上 2018 年了,该不该下定决心转型AI呢?
  2. c语言int t格式,如何在C中打印int64_t类型
  3. mysql存储过程结构体_八、mysql视图、存储过程、函数以及时间调度器
  4. 任正非:AI是人类社会未来二三十年最大的推动力
  5. 两幅相同大小图像的相似程度的两个评价指标-PSNR和SSIM
  6. 点是否在面内算法(Point-In-Polygon Algorithm)
  7. 库克的采访给我们带来的思考!
  8. 洛谷 - P1111 - 修复公路 - 并查集
  9. 采用EntityFramework.Extended 对EF进行扩展(Entity Framework 延伸系列2)
  10. 二、nodemon-Node.js 监控工具
  11. c++ udp通信_Web 通信协议,你还需要知道:SPDY 和 QUIC
  12. [luogu3244 SHOI2016] 黑暗前的幻想乡(容斥原理+矩阵树定理)
  13. python 获取当前目录,上级目录,上上级目录
  14. 发布一款小软件:和讯博客助手-测试版- 0.3.0
  15. 计算机重启文件丢失在哪找回,未保存的word文档如何恢复?找回电脑异常关机未保存的word文档的方法...
  16. 2013 中国15大云平台
  17. 网络创业成功的7堂课(读书笔记)
  18. 深入学习区块链的隐私保护(四)秘密共享
  19. 春天里,阳光下,无限的哀思和想念
  20. DevOps亚马逊AWS相关介绍

热门文章

  1. web前端设计师需要常去的15个设计博客资源站
  2. 天父的花园-赞美之泉(音乐河4)
  3. Linux系统安全加固设置详细教程
  4. BERYL和COMPIZ FUSION的安装与使用
  5. rpg maker mv使用ajax,Rpgmakermv(15) PH任务插件
  6. 测试/开发程序员喜欢跳槽?跳了就能涨工资吗?
  7. 12306又崩溃,买张车票怎么就这么难
  8. hdu 6078 Wavel Sequence
  9. PrimeNG安装使用
  10. 阿里acp认证是什么?阿里acp考试内容是什么?