一:微博

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. Python内置函数(1)——abs

    英文文档: abs(x) Return the absolute value of a number. The argument may be an integer or a floating poi ...

  2. api-gateway实践(16)【租户模块:修改api定义】通过mq通知【开发者模块:更新开发者集市】

    一.订阅关系 二.接收消息 dev模块接收更新本地集市

  3. Django 框架介绍

    Django 框架介绍 MVC框架和MTV框架 简单了解一下什么是MVC框架.MVC(Model View Controller),是模型(model)-视图(view)-控制器(controller ...

  4. flash上传文件,如何解决跨域问题

    今天同事遇到一个问题,我们有两个应用,一个后台应用,主要用于运营人员编辑文章,发布到官网:一个图片服务器应用,其他很多的应用上传的图片也会存放在这,还对外提供一些查询和管理api. 前者部署在back ...

  5. Struts(十三):通用标签

    Struts标签简介: Struts2标签库提供了主题.模板支持,极大地简化了视图页面的编写,而且,struts2的主题.模板都提供了很好的扩展性,实现了更好的代码复用.Struts2允许在页面中使用 ...

  6. round()函数 浮点数的四舍五入

    浮点数的四舍五入 print round(1.7333) 2.0

  7. Menu-右键弹出菜单

    #右键弹出菜单 from tkinter import * root=Tk() def callback(): print('我被调用了') menubar =Menu(root) menubar.a ...

  8. AngularJS 全局scope与指令 scope通信

    在项目开发时,全局scope 和 directive本地scope使用范围不够清晰,全局scope与directive本地scope通信掌握的不够透彻,这里对全局scope 和 directive本地 ...

  9. AFNetworking 源码解读

    最近开始看第三方库优秀源码的计划,这是第一个,AFNetworking来和大家分享一下. AFNetworking 是一个十分优秀的网络框架,简单易用. 在开始之前,最好先了解一下NSURLSessi ...

  10. 学习React系列(七)——Fragments、Portals、Error Boundaries与WEB组件

    React.Fragment portals Error Boundaries WEB组件 React.Fragment 想象一个场景,想把td包装为组件添加到table中去,代码如下: class ...