前端-【学习心得】-合作登录相关

qq互联:http://wiki.connect.qq.com/

微信开放平台:https://open.weixin.qq.com/

微博开放平台:http://open.weibo.com/authentication/

新浪微博平台的合作登录步骤:

  1. 放置微博图标
  2. 界面上设置授权链接:https://api.weibo.com/oauth2/authorize?client_id=4087672060&redirect_uri=http://www.putaoyun.com/wechatexe/getback&response_type=code

3.用户点击授权后:在redirect_uri得到 code和state参数;

4. 根据code参数获得access_token;POST https://api.weibo.com/oauth2/access_token结果返回:{"access_token":"2.00vwgRhFWO9d9Ea8baa972cbhsdQqB","remind_in":"157679999","expires_in":157679999,"uid":"5220263285"}这个uid并非客户的uid而是公司的账户uid

5. 获得用户uidhttps://api.weibo.com/2/account/get_uid.jsonget参数:access_token6. 然后根据accesstoken和uid获得用户信息GET:https://api.weibo.com/2/users/show.json{参数就是access_token 和uid}

qq合作登录步骤:

  1. 放置qq图标
  2. 放置授权链接 "https://graph.qq.com/oauth2.0/authorize?response_type=token&client_id=101147632&redirect_uri=http%3A%2F%2Fwww.xxxx.com%2Fcallback&state=buygrape&scope=get_user_info"
  3. 用户授权后服务器设置的回调地址www.xxxx.com/callback收到code 和state
  4. 通过code获得accesstokenhttps://api.weixin.qq.com/sns/oauth2/access_token?appid=wx8e5aa9f3c86301a8&secret=6fc7e7d9da63acfaf5eb6fdcdbe5e71f&code=" +code+ "&grant_type=authorization_code                             成功返回: access_token=FE04************************CCE2&expires_in=7776000&refresh_token=88E4************************BE14‘;本次缓存token,refresh_token 过期时间为3个月过期后延长办法:https://graph.qq.com/oauth2.0/token?grant_type=refresh_token&client_id=xxx&client_secret=xxxx&refresh_token=上个步骤中获得的
  5. 获得openidhttps://graph.qq.com/oauth2.0/me?access_token=xxx

6.根据access_token和openid获得用户信息https://graph.qq.com/user/get_user_info?access_token=*************&oauth_consumer_key=12345&openid=****************

oauth_consumer_key    申请QQ登录成功后,分配给应用的appid

返回:{ "ret":0, "msg":"", "nickname":"Peter", "figureurl":"http://qzapp.qlogo.cn/qzapp/111111/942FEA70050EEAFBD4DCE2C1FC775E56/30", "figureurl_1":"http://qzapp.qlogo.cn/qzapp/111111/942FEA70050EEAFBD4DCE2C1FC775E56/50", "figureurl_2":"http://qzapp.qlogo.cn/qzapp/111111/942FEA70050EEAFBD4DCE2C1FC775E56/100", "figureurl_qq_1":"http://q.qlogo.cn/qqapp/100312990/DE1931D5330620DBD07FB4A5422917B6/40", "figureurl_qq_2":"http://q.qlogo.cn/qqapp/100312990/DE1931D5330620DBD07FB4A5422917B6/100", "gender":"男", "is_yellow_vip":"1", "vip":"1", "yellow_vip_level":"7", "level":"7", "is_yellow_year_vip":"1" } 微信联合登录步 骤: 1. 放按钮

2.取codehttps://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

3. 取access_tokenhttps://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code结果返回:{  "access_token":"ACCESS_TOKEN",  "expires_in":7200,  "refresh_token":"REFRESH_TOKEN", "openid":"OPENID",  "scope":"SCOPE"  }过期后刷新tokenhttps://api.weixin.qq.com/sns/oauth2/refresh_token?appid=APPID&grant_type=refresh_token&refresh_token=REFRESH_TOKEN返回:{  "access_token":"ACCESS_TOKEN",  "expires_in":7200,  "refresh_token":"REFRESH_TOKEN",  "openid":"OPENID",  "scope":"SCOPE"  } 4. access_token调用接口  还好这里openid返回了https://api.weixin.qq.com/cgi-bin/user/info?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN

时间: 2024-08-10 21:31:05

前端-【学习心得】-合作登录相关的相关文章

小小六的前端学习心得

打算写这篇文章已经好久了,但是文采不行,不知道如何下笔,今天终于鼓起勇气用我拙劣的作文水平来讲述一下这段时间我学习前端开发的心得. 先从我的专业说起.我本人是学计算机的.全名是叫计算机科学与技术(软件方向),学校虽然是一个211学校,学习成绩也还行,但是对于编程这一块,真的是很弱很弱.所以我对计算机编程真正的学习是从实习这段时间开始的.说到这里,我必须得感谢带我进入前端的学长.因为他我才能在今天坐在这里写这篇学习心得. 所以,首先最好是有一个愿意耐心的指导你学习的人,也就是一个好的师傅.他能根据

web前端学习心得

所谓行万里路,必先始于足下.刚开始学习WEB前端基础的时候,老师说,其实你们学的这个后面真正去工作的时候可能也不是很会用到,所以就有很多人会问,既然我们都用不到,那干嘛还学呀?其实,对于一个程序员来说,你不仅要有很好的后端专业能力,你还应当具备一定的前端素养,知道一些起码的前端知识. 来到传智的第一个月,我们是以基础为主吧,因为大家到这里的基础都不一样,有一些本身就具备很高水准的人,也有很多像自己一样从小白开始的人,所以,对我们而言,传智开设的这种双元模式对我们是有很大用处的.我们从最基础的开始

【前端学习笔记】arguments相关

arguments转数组: (function() { console.log(arguments instanceof Array); // --> false console.log(Object.prototype.toString.call(arguments)); // --> [object Arguments] var args = Array.prototype.slice.apply(arguments); console.log(args instanceof Array)

【前端学习】函数式编程相关

Function对象的length属性返回的时函数的形参个数,Arguments对象的length属性返回的是函数的实参个数.如果函数不是匿名函数,arguments.callee等价于函数名. 关于call与apply function f () { this.a = 'a'; this.b = function () { alert('b') } } function e () { f.call(this); alert(a); } e() // 'a' 上面实例说明,如果在函数体内使用ca

工程造价学习心得体会

工程造价专业人员自身的学习和提高.从总体上看,目前我们工程造价行业的人员素质离社会的要求还有距离.因此,我们应该抓紧学习,跟上时代的步伐.除了对本专业的知识进行更新提高外,还应该结合工作广泛了解和初步掌握有关的工程技术专业知识.只有对工程内容有比较全面的掌握,才能做好工程造价控制工作.试想,如果我们对编制造价的工程都不甚了解,对其专业知识非常模糊,又怎么能够进行投资的控制呢?工程造价从业人员首先应该是本专业的专家,同时也应该是工程方面的行家.只有高水平的人才才能够编制出高水平的工程造价.专业的地

我对大数据相关技术的学习心得及理解

本篇为这一段时间以来我对大数据相关技术的学习心得及理解,主要涉及以下几个方面: noSql, 集群, 数据挖掘, 机器学习,云计算,大数据,以及Hadoop和Spark.主要都是一些初级的概念澄清之类的东西,并且比较凌乱,慎入.* 1. NoSQL我的理解是,NoSQL主要用于存储一些非结构化数据, 是关系数据库与文件存储方式(比如视频文件就适合使用文件的方式存储)的过度. ** 1.1 NoSQL的分类: 列存储: Hbase(BigTable的开源实现),可存储结构化数据. Cassandr

Web前端培训学习心得

web前端工程师技术日趋成熟,越来越多的行业巨头正不断向web前端工程师示好,在未来几年,web前端将会以更多的形式渗透到我们生活中的方方面面,因此越来越多的从业者开始关注web前端开发行业,今天小编跟大家共同来分享一下自己的web前端工程师学习心得. 今天只是想要跟大家分享一下学习心得,在选择web前端工程师培训之前,我逃避过.犹豫过.迷茫过,站在人生的十字路口,不知道该何去何从,但从加入培训班的那刻起,就把心中的疑问打消了,看到大家倾吐自己的心声,我开始认识到每个人都渴望成功,更希望能够战胜

干货教程 | APICloud新手学习心得分享

最近很多爱学习的开发者,在后台给柚子君留言询问:如何在APICloud平台创建app?如何添加模块?自定义loader编译好之后在studio里面怎么同步等问题. 柚子君就借此机会给大家分享一个对 js 及前端了解较浅的新手开发者的学习心得(不要小瞧新手哦,分享的干货绝对有惊喜),主要说明一个登录页的实例及调试中遇到的问题.分享者负责的项目架构大致为ApiCloud+Asp.Net MVC,分享如下: 一.首次创建一个demo 先自己按照官网教程,登录https://www.apicloud.c

windows类书的学习心得(转载)

原文网址:http://www.blogjava.net/sound/archive/2008/08/21/40499.html 现在的计算机图书发展的可真快,很久没去书店,昨日去了一下,真是感叹万千,很多陌生的出版社,很多陌生的作者,很多陌生的译者,书名也是越来越夸张,什么××天精通××,精通××编程, ××宝典等等,书的印刷质量真的很好,纸张的质量也是今非昔比啊,但书的内容好象却是越来越让人失望,也许是我老了,我的思想我的观念已脱离现实社会,也许是外面的世界变化得太快,我编程数月,出去一走,