h5 网页版的微博微信QQ登录
一:微博
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登录的更多相关文章
- java集成网站微信,微博,qq登录
微信 WechatConfig.java package com.meeno.chemical.common.sdk.wechat.config; import org.springframework ...
- 【微信H5支付】微信公众号里H5网页点击调取微信支付
最近在公众号里开发了下单支付H5网页,需要在H5里调用微信支付界面.开发思路和代码整理如下: todo...
- 网页分享到微博、QQ、QQ空间、微信
<ul id="content-share-list" class="bdsharebuttonbox bdshare-button-style0-16" ...
- react网页版聊天|仿微信、微博web版|react+pc端仿微信实例
一.项目介绍 基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+nodejs等技术混合开发的仿微信web端聊天室react ...
- Android--打开指定程序(微博/微信/QQ等)
Intent intent = new Intent(); ComponentName cmp = new ComponentName("com.sina.weibo"," ...
- Ionic 分享功能(微博 微信 QQ)
1.安装插件 cordova plugin add cordova-plugin-wechat --variable wechatappid=你申请微信appid cordova plugin add ...
- QRCode 扫描二维码、扫描条形码、相册获取图片后识别、生成带 Logo 二维码、支持微博微信 QQ 二维码扫描样式
目录 功能介绍 常见问题 效果图与示例 apk Gradle 依赖 布局文件 自定义属性说明 接口说明 关于我 功能介绍 根据之前公司的产品需求,参考 barcodescanner 改的,希望能帮助到 ...
- 前端html第三方登录集合,微信,微博,QQ
申请开发者账号之内的就不累赘了,网上一大堆: 说下需求,一个网页要在三类容器运行,公司app,微信自动登录,浏览器. 假设是已经申请完成各平台开发者账号. 先来简单的,微博和QQ 微博: 引入微博JS ...
- 用requests登录微信网页版,并接收发送消息
首先,网页版微信登录大致分为以下几个流程(都是大家可以通过抓包得到): 1.登陆主页后,会生成一个UUID,这是个用户标识,在后面请求二维码会用到 def get_uuid(self): '''获取u ...
随机推荐
- Python内置函数(1)——abs
英文文档: abs(x) Return the absolute value of a number. The argument may be an integer or a floating poi ...
- api-gateway实践(16)【租户模块:修改api定义】通过mq通知【开发者模块:更新开发者集市】
一.订阅关系 二.接收消息 dev模块接收更新本地集市
- Django 框架介绍
Django 框架介绍 MVC框架和MTV框架 简单了解一下什么是MVC框架.MVC(Model View Controller),是模型(model)-视图(view)-控制器(controller ...
- flash上传文件,如何解决跨域问题
今天同事遇到一个问题,我们有两个应用,一个后台应用,主要用于运营人员编辑文章,发布到官网:一个图片服务器应用,其他很多的应用上传的图片也会存放在这,还对外提供一些查询和管理api. 前者部署在back ...
- Struts(十三):通用标签
Struts标签简介: Struts2标签库提供了主题.模板支持,极大地简化了视图页面的编写,而且,struts2的主题.模板都提供了很好的扩展性,实现了更好的代码复用.Struts2允许在页面中使用 ...
- round()函数 浮点数的四舍五入
浮点数的四舍五入 print round(1.7333) 2.0
- Menu-右键弹出菜单
#右键弹出菜单 from tkinter import * root=Tk() def callback(): print('我被调用了') menubar =Menu(root) menubar.a ...
- AngularJS 全局scope与指令 scope通信
在项目开发时,全局scope 和 directive本地scope使用范围不够清晰,全局scope与directive本地scope通信掌握的不够透彻,这里对全局scope 和 directive本地 ...
- AFNetworking 源码解读
最近开始看第三方库优秀源码的计划,这是第一个,AFNetworking来和大家分享一下. AFNetworking 是一个十分优秀的网络框架,简单易用. 在开始之前,最好先了解一下NSURLSessi ...
- 学习React系列(七)——Fragments、Portals、Error Boundaries与WEB组件
React.Fragment portals Error Boundaries WEB组件 React.Fragment 想象一个场景,想把td包装为组件添加到table中去,代码如下: class ...