js 实现网站 第三方 qq 登录


  1. 你需要一个测试的应用(创建完成之后就有appid)

计算机生成了可选文字: @ connect.  /manage/index  qq.com  windows mysqliEfi„.  zd423 hosts - ipv6-hosts  Google  http://www.test.com.ngrok.natapp.cn/  layer API  FAQ  2016-04-12  G cas - dc  (0)  test  APPID  101303571

  1. 附上自己创建的应用详细信息,我的appid101303571

计算机生成了可选文字: test  €tJËEÛB :  201 6-04-12  App ID  : 101303571  coc8387381401de94889e8e17164613a  App KEY :  APP ID :  APP KEY :  47  47  test  101 303571  coc8387381401de94889e8e1716461  test  test  http://wvw.'.test.com.ngrok.natapp.cn/  http://wvwv.test.com.ngrok.natapp.cn/test.html

因为你本地的项目tx不能访问,所以开发测试阶段需要把你的项目映射到公网上,这里推荐一个免费的穿透工具。网址http://natapp.cn/

下载对应的客户端解压后,进去文件夹里在改目录下打开命令提示符cmd

ngrok -config ngrok.cfg -subdomain myapp 80

 

myapp 自定义的域名, 80为需要映射到的本机端口

 

使用http://myapp.ngrok.natapp.cn 访问

 

  1. 当然了,创建完应用后可以去http://connect.qq.com/intro/login/jssdk生成样式和js代码

计算机生成了可选文字: C t connect.qq.com/intro/login/jssdk  Google •V Free Online Y... YouTube Vide...  E Download mu...  @ Vice (2015) D...  ENRQQE*JS-SDK  I; Tears of Steel  App news and... G  Google  ntr..  FAQ  APPID  101303571  O  O  get_user_info  O  @ pc C) Mobile  http://www.test.com.ngrok.natag    <span id='qqLoginBtn' ></span>  <scrl  avascn

  1. 重点来了,在你的登录页或者首页加入相应js代码

1):

2):放置一个html代码,也就是qq登录按钮,id必须是唯一的咧

3):接下来利用qq封装好的js处理喽

咱们的登录入口页算是处理完了,来看看回调页了

由于是开发。我的这个页面就一下代码

 

 

欢迎你。。

 

 

是不是很简单呢!

你可能感兴趣的:(js,qq,web,第三方,网站)