一:微博

1,先说微博吧,首先你的去http://open.weibo.com/wiki/先注册账号,通过验证审核。然后的创建网页应用。微博审核不通过的原因就是域名和网站地址,一定要按实际写的。一定要记得在微博这里设置回调页。然后根据微博开发文档一步一步下来。

2.微博的获取code的地址,是不用urlencode编码的,这个跟微信QQ不同。从客服端获取到code之后,我们是传入服务端的。因为微博第获取acces_token必须要求post请求,微博后台做了不能跨域这是第一个原因。第二个原因是appid和key放在前端不安全。

3、微博审核没有通过,也可以进行调试,但必须是你注册账号的微博。或者你添加的其他微博开发者(注意回调地址设置 格式:http://xxx.com/xx/xx/xx.html  具体的页面).

二:QQ

1、qq网站授权登录,必须是qq互联官网注册加认证(但是认证必须在腾讯开放平台),腾讯开放平台有h5的应用,但是没有qq登录的功能,只有qq空间的功能,而且只能接入游戏的。所以最终要想获得qq登录功能必须去QQ互联。

2、QQ互联选择网页应用,创建网页就可以获得授权,但是,这个授权只能在注册qq互联的本人账号使用加开发,其他qq账号都不能授权登录,只有等审核通过才可以。qq分为pc端和wap端,审核没通过只能用pc端测试开发。审核通过才能用wap端地址开发。

3、一定要注意审核的内容(我们审核不止审核15次,一直审核不通过,如上图所示),一定要注意工信部备案。否则一直审核不过。

4、也要注意回调地址的写法也是http://xxx.com/html/xx/xx.html. 但是请求code的时候回调地址也需要URLencode编码。(注意:去获取accesstoken的回调地址不能是编码之后的地址,否则会报10011,和10019的错误)。

三:微信

1、微信网页授权登录之前,先理解什么是开放平台和公众平台。开放平台是获取登录朋友圈的平台。公众号平台是服务号和小程序和订阅号的平台。

2、首先用开放平台获取网站授权只有一种方式,那就是扫码登录。还有一种是在公众平台的微信登录授权,但是,此方法只能在微信浏览器打开。一旦不是微信浏览器则不行。(所以,先想清楚怎么做)

3、我们公司是选用开放平台,是开放平台注册一个账号,然后创建网页应用。里面有一个附件,需要填写:

这个填写必须准确,否则通不过审核,通不过审核拿不到appid和key。这个审核的时间会比较久,我的已经超过7天了,好像是第9天的时候才告诉我审核通过,所以一定要提前走这个流程。

4、微信也要注意回调地址,审核那里的回调地址格式:www.baidu.com   只能根域名,不能写详细的回调地址,否则会告诉你回调地址错误。然后在获取code的回调地址写法是http%3a%2f%2fm.jdjo2o.com%2fhtml%2flogin%2fcallback.html   要写详细的回调地址

但必须是审核那里根域名下的页面,否则又是回调地址参数不对。也是需要进行urlencode编码的。其他按开发文档接入就行。

总结:网页版的第三方登录,最重要的是审核和回调地址。其他按开发文档开发就可以。

h5 网页版的微博微信QQ登录的更多相关文章

  1. java集成网站微信,微博,qq登录

    微信 WechatConfig.java package com.meeno.chemical.common.sdk.wechat.config; import org.springframework ...

  2. 【微信H5支付】微信公众号里H5网页点击调取微信支付

    最近在公众号里开发了下单支付H5网页,需要在H5里调用微信支付界面.开发思路和代码整理如下: todo...

  3. 网页分享到微博、QQ、QQ空间、微信

    <ul id="content-share-list" class="bdsharebuttonbox bdshare-button-style0-16" ...

  4. react网页版聊天|仿微信、微博web版|react+pc端仿微信实例

    一.项目介绍 基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+nodejs等技术混合开发的仿微信web端聊天室react ...

  5. Android--打开指定程序(微博/微信/QQ等)

    Intent intent = new Intent(); ComponentName cmp = new ComponentName("com.sina.weibo"," ...

  6. Ionic 分享功能(微博 微信 QQ)

    1.安装插件 cordova plugin add cordova-plugin-wechat --variable wechatappid=你申请微信appid cordova plugin add ...

  7. QRCode 扫描二维码、扫描条形码、相册获取图片后识别、生成带 Logo 二维码、支持微博微信 QQ 二维码扫描样式

    目录 功能介绍 常见问题 效果图与示例 apk Gradle 依赖 布局文件 自定义属性说明 接口说明 关于我 功能介绍 根据之前公司的产品需求,参考 barcodescanner 改的,希望能帮助到 ...

  8. 前端html第三方登录集合,微信,微博,QQ

    申请开发者账号之内的就不累赘了,网上一大堆: 说下需求,一个网页要在三类容器运行,公司app,微信自动登录,浏览器. 假设是已经申请完成各平台开发者账号. 先来简单的,微博和QQ 微博: 引入微博JS ...

  9. 用requests登录微信网页版,并接收发送消息

    首先,网页版微信登录大致分为以下几个流程(都是大家可以通过抓包得到): 1.登陆主页后,会生成一个UUID,这是个用户标识,在后面请求二维码会用到 def get_uuid(self): '''获取u ...

随机推荐

  1. 第三章 jQuery中的事件与动画

    第三章jQuery中的事件与动画 一. jQuery中的事件 jQuery事件是对javaScript事件的封装. 1.基础事件 在javaScript中,常用的基础事件有鼠标事件.键盘事件.wind ...

  2. SpringBoot应用的属性管理

    一.properties 配置文件 1.src/main/application.properties spring.profiles.active=dev spring.application.na ...

  3. MVC、MVP以及MVVM分析

    网上现在MVC.MVP以及MVVM的讲解一搜一箩筐,根据了网上大多数的文章,根据我的思考习惯进行了总结. MVC介绍及分析: 各层的职责如下所示: Models: 数据层,负责数据的处理和获取的数据接 ...

  4. 个人网站建设(适合Java初学者)(一)

    概述 作为一个在八本学校在校生,没有实验室,也没有项目可做.一直想做一个个人博客,一年前学完javaweb之后做了一个简单的博客,ui惨不忍睹就算了,还有各种bug.酝酿了很久,寒假用了将近一个月时间 ...

  5. pyspider爬取TripAdvisor

    #!/usr/bin/env python # -*- encoding: utf-8 -*- # Created on 2017-06-11 10:10:53 # Project: london f ...

  6. Java基础之程序流程控制

    Java中的程序流程控制 Java中的程序流程分为三种结构:①顺序结构:②分支结构:③循环结构 一.顺序结构 Java中定义成员变量的时候,采用的是前向引用,也就是后面的变量可以引用之前定义好的变量. ...

  7. Centos下安装 .net Core运行程序

    首先要进行更新下镜像文件 sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc sudo sh -c 'echo -e ...

  8. 开源协议瞎扯淡,什么是 MIT 协议?[转]

    图片来源:http://ruby-china.org/topics/15979

  9. 用js来实现那些数据结构06(队列)

    其实队列跟栈有很多相似的地方,包括其中的一些方法和使用方式,只是队列使用了与栈完全不同的原则,栈是后进先出原则,而队列是先进先出(First In First Out). 一.队列    队列是一种特 ...

  10. 超级好用的前端开发测试Chrome插件-基于REST的Web服务客户端

    基于REST的Web服务客户端是一款功能强大的谷歌浏览器插件,使用基于REST的Web服务客户端(模拟REST客户端)可以让用户使用谷歌浏览器模拟REST请求来测试REST风格. 基于REST的Web ...