uni开发的H5接入QQ登录

2024-04-06 13:25:08

uni开发的H5接入QQ登录

本以为网上应该有现成的答案，没想到啊，没个有用的，只能自己琢磨，阿西八！

`uni-H5接入QQ流程`

第一步:首先肯定要去QQ互联申请开发者啦，然后注册，然后得到`APPID`，对，就是很基操的一套流程，这个就不多废话了

第二步：uni的H5在没有Vue的那种index.html如何配置外链scirpt呢？？？

解决办法：
首先在目录创建个index.html，然后把
https://uniapp.dcloud.io/collocation/manifest?id=h5-template
官方的模板代码拿进来，直接拿就行，不用改动，否则可能会出现点稀奇古怪的毛病。

创建了index.html模板后，打开下图

这样就配置好了你的index.html

接着就是打开你的index.html把QQ互联的那个外链Script拿进来，具体代码在QQ互联文档上面有，地址是：QQ互联SDK文档

这里注意一下：

data-appid:你申请的appid
data-redirecturl:登录成功后回调的地址（这个地址必须是别人可以访问到的地址，如果不会的话，可以找你们的后端协调一块整）

到这一步你就已经成功引入QQ的互联了，接下来就是触发了，找到你要触发的点击事件

—— `注意！！！！`——

设置完这些模板后，一定要重启项目！一定要重启项目！一定要重启项目！否则会出现QC未定义的错误！

登录成功后回调的页面可以卸下如下代码

created() {if(QC.Login.check()){console.log('已经登录')QC.Login.getMe((openId, accessToken, ) => {this.openId = openId;this.accessToken = accessToken;console.log('openId:'+this.openId)console.log('accessToken:'+this.accessToken)})}else{console.log('没有登录')}
},

`示例代码：`https://gitee.com/myGitHuya/qqlogin-demo.git

`补充`

如果要获取用户信息，最好交给后台去调用，因为前台调用可能会出现跨域问题，后台去调接口，具体接口方式也在QQ互联文档上有QQ互联API列表

uni开发的H5接入QQ登录相关推荐

移动 App 接入 QQ 登录/分享流程
移动 App 接入 QQ 登录/分享流程这里先要提两个平台,腾讯开放平台和 QQ 互联平台: (一)腾讯开放平台官网地址:https://open.tencent.com/ 介绍:腾讯开放平台是腾 ...
html 加QQ链接QQ版本不支持,网站接入QQ登录（JS版）【最新教程 04.10更新】，亲身失败百次的总结...
开发阶段(偏后端的同学可以查看 PHP版教程) 3.1. 因为 QQ互联官网只是简单的提供了 JS-SDK 以及相关的 API,可能部分同学初见比较茫然.所以为了帮助同学们更好理解,我整理出以下内 ...
javaweb接入QQ登录
前提拥有自己的域名和服务器域名已备案线上演示源码下载地址登录成功效果获取信息展示: 一. 关于第三方登录简要介绍第三方登录:用户登录操作不是基于自身建设账号体系,而是基于用户在第三方平 ...
网站接入QQ登录过程（防踩坑）
一个要留住用户的网站,经常会以通用的方式进行登录,手机号.微信.QQ.邮箱,这些登录都各有自己的规则,这篇文章记录一下接入QQ登录的过程,给大家梳理下,防止后来人踩坑. 1.进行开发者注册: 在QQ互 ...
php接入qq登陆,thinkphp5中接入QQ登录方法详解
Thinkphp5中接入QQ登录操作,方法详解: 1.下载PHP SDK <点击进入下载页> 2.下载后的SDK解压,并运行install下的index.php 3.填写appid.app ...
微信开发 - 第三方网站接入微信登录、微信支付时，本地 redirect_uri 参数错误导致无法调试的解决方案（微信开放平台）完美解决每次都需要部署到线上测试，在本地使用本地 ip 就能轻松调试
问题描述网上的教程都非常乱且无效,本文将站在新手的角度,超级详细的讲解. 本文提供在微信开放平台,接入微信登录和微信支付时,本文无法调试 redirect_uri 回调错误的解决方案, 仅需几个 ...
第三方插件的引用(4):JAVA网站接入QQ登录
前言为了增加用户体验,用户能够快速的注册登录,第三方账号进行登录注册的的需求也就由此而诞生开发环境: IDE: STS jdk版本: 1.8 框架: SSM 要做QQ第三方登录,首先得在QQ互联 ...
网站应用接入qq登录,实现免注册原理
去qq互联:https://connect.qq.com/index.html 创建一个wen网站类型的应用,如下过程,这个过程可能比较久前提条件 1.网站域名已经备案成功并且网站可以访问,然后再来 ...
Unity借助Eclipse导Jar包接入QQ登录SDK
首先还是Unity大知识点列表然后开始边做边记录吧! 申请QQ互联开发者身份链接:https://connect.qq.com/index.html 需要实名认证,提交手持身份证照片,申请后等待审 ...

最新文章

热门文章