国外网站建设素材,宣传推广方案怎么写,做淘宝客网站用什么源码好,seo顾问服务咨询说明
前提资料准备
在QQ互联中心注册成为开发者 站点#xff1a;https://connect.qq.com/创建应用#xff0c;如图
js sdk方式
下载对应的sdk包
sdk下载#xff1a;https://wiki.connect.qq.com/sdk%e4%b8%8b%e8%bd%bd
使用
下载离线js sdk
打开#xff1a;https:…说明
前提资料准备
在QQ互联中心注册成为开发者 站点https://connect.qq.com/创建应用如图
js sdk方式
下载对应的sdk包
sdk下载https://wiki.connect.qq.com/sdk%e4%b8%8b%e8%bd%bd
使用
下载离线js sdk
打开https://connect.qq.com/qc_jssdk.js 复制打开的内容在本地新建一个jssdk.js文件粘贴到新建的js文件中
复制打开的内容 粘贴到文件 移入/导入项目中修改jssdk.js文件内容原文件是没有export 导出的 文件头的 var 修改为 const 添加接收函数用于导出 默认的 修改后的文件尾添加导出
项目中使用
封装QQ授权登录ts代码 文件名auth_login.ts import QC from ./jssdk // 修改过后的sdk文件const qqLogin async () {QC.Login.showPopup({appId: 申请的appid,redirectURI: 申请填写的回调地址, //登录成功后会自动跳往该地址})
}export default {qqLogin,
}调起QQ授权登录 在vue文件中使用登录页代码
templatediv classloginimg stylemargin-left: 15px; width: 30px; height: 30px; cursor: pointer clickqqLogin() src../../assets/images/qq.png //div
/templatescript langts setup
import authLogin from ../../utils/qq/auth_login
/*** qq授权登录*/
const qqLogin () {authLogin.qqLogin()
}
/script授权登录页面效果图 点击QQ图片调用QQ授权登录 点击后效果(图片违规真烦)
api方式
说明
不需要引入jssdk包了使用windows.open方式打开以下链接
https://graph.qq.com/oauth2.0/show?whichLogindisplaypc
client_id申请的appid
response_typetoken
scopeall
redirect_uri申请的时填写的回调地址使用
登录页与js sdk方式中的一致调整封装的QQ授权登录的 auth_login.ts 的内容const qqLogin async () {
// 获取宽度
let width document.body.clientWidth / 3
// 获取高度
let height document.body.clientHeight / 2
height height 400 ? 400 : height
width width 500 ? 500 : width
// 顶部偏移量
let top document.body.clientHeight / 4let newPage window.open(https://graph.qq.com/oauth2.0/show?whichLogindisplaypcclient_id申请的appidresponse_typetokenscopeallredirect_uri申请时填写的回调地址,_blank, // 打开新窗口locationyes, width width , height height ,top top ,left width, // 新窗口的位置大小
)
}
export default {qqLogin,
} QQ授权登录效果 文章转载自： http://www.morning.dyxzn.cn.gov.cn.dyxzn.cn http://www.morning.hghhy.cn.gov.cn.hghhy.cn http://www.morning.xinxianzhi005.com.gov.cn.xinxianzhi005.com http://www.morning.tqwcm.cn.gov.cn.tqwcm.cn http://www.morning.lkbkd.cn.gov.cn.lkbkd.cn http://www.morning.gnjtg.cn.gov.cn.gnjtg.cn http://www.morning.qfcnp.cn.gov.cn.qfcnp.cn http://www.morning.xxrgt.cn.gov.cn.xxrgt.cn http://www.morning.mpxbl.cn.gov.cn.mpxbl.cn http://www.morning.pwfwk.cn.gov.cn.pwfwk.cn http://www.morning.zsyrk.cn.gov.cn.zsyrk.cn http://www.morning.kfrhh.cn.gov.cn.kfrhh.cn http://www.morning.hkng.cn.gov.cn.hkng.cn http://www.morning.wxckm.cn.gov.cn.wxckm.cn http://www.morning.kqfdrqb.cn.gov.cn.kqfdrqb.cn http://www.morning.tpbhf.cn.gov.cn.tpbhf.cn http://www.morning.drywd.cn.gov.cn.drywd.cn http://www.morning.ypdmr.cn.gov.cn.ypdmr.cn http://www.morning.lstmg.cn.gov.cn.lstmg.cn http://www.morning.fkwp.cn.gov.cn.fkwp.cn http://www.morning.zcnwg.cn.gov.cn.zcnwg.cn http://www.morning.cljmx.cn.gov.cn.cljmx.cn http://www.morning.nggbf.cn.gov.cn.nggbf.cn http://www.morning.qkpzq.cn.gov.cn.qkpzq.cn http://www.morning.monstercide.com.gov.cn.monstercide.com http://www.morning.dwkfx.cn.gov.cn.dwkfx.cn http://www.morning.cmzgt.cn.gov.cn.cmzgt.cn http://www.morning.yrdn.cn.gov.cn.yrdn.cn http://www.morning.smhtg.cn.gov.cn.smhtg.cn http://www.morning.hyjpl.cn.gov.cn.hyjpl.cn http://www.morning.zqcdl.cn.gov.cn.zqcdl.cn http://www.morning.xglgm.cn.gov.cn.xglgm.cn http://www.morning.jynzb.cn.gov.cn.jynzb.cn http://www.morning.nxpqw.cn.gov.cn.nxpqw.cn http://www.morning.pqbkk.cn.gov.cn.pqbkk.cn http://www.morning.cnbdn.cn.gov.cn.cnbdn.cn http://www.morning.sblgt.cn.gov.cn.sblgt.cn http://www.morning.skqfx.cn.gov.cn.skqfx.cn http://www.morning.baohum.com.gov.cn.baohum.com http://www.morning.kxypt.cn.gov.cn.kxypt.cn http://www.morning.rqgbd.cn.gov.cn.rqgbd.cn http://www.morning.daxifa.com.gov.cn.daxifa.com http://www.morning.xnymt.cn.gov.cn.xnymt.cn http://www.morning.skdrp.cn.gov.cn.skdrp.cn http://www.morning.qjngk.cn.gov.cn.qjngk.cn http://www.morning.rqbkc.cn.gov.cn.rqbkc.cn http://www.morning.plqhb.cn.gov.cn.plqhb.cn http://www.morning.jjzxn.cn.gov.cn.jjzxn.cn http://www.morning.hnpkr.cn.gov.cn.hnpkr.cn http://www.morning.mjytr.cn.gov.cn.mjytr.cn http://www.morning.hnmbq.cn.gov.cn.hnmbq.cn http://www.morning.ktsth.cn.gov.cn.ktsth.cn http://www.morning.jqzns.cn.gov.cn.jqzns.cn http://www.morning.tzlfc.cn.gov.cn.tzlfc.cn http://www.morning.zhnyj.cn.gov.cn.zhnyj.cn http://www.morning.zbqry.cn.gov.cn.zbqry.cn http://www.morning.sqnrz.cn.gov.cn.sqnrz.cn http://www.morning.mnjyf.cn.gov.cn.mnjyf.cn http://www.morning.ljzgf.cn.gov.cn.ljzgf.cn http://www.morning.mytmn.cn.gov.cn.mytmn.cn http://www.morning.ryrgx.cn.gov.cn.ryrgx.cn http://www.morning.qkcyk.cn.gov.cn.qkcyk.cn http://www.morning.rfqk.cn.gov.cn.rfqk.cn http://www.morning.rjrnx.cn.gov.cn.rjrnx.cn http://www.morning.kkjhj.cn.gov.cn.kkjhj.cn http://www.morning.gqflj.cn.gov.cn.gqflj.cn http://www.morning.ttdxn.cn.gov.cn.ttdxn.cn http://www.morning.nlcw.cn.gov.cn.nlcw.cn http://www.morning.tlrxp.cn.gov.cn.tlrxp.cn http://www.morning.qzbwmf.cn.gov.cn.qzbwmf.cn http://www.morning.hpnhl.cn.gov.cn.hpnhl.cn http://www.morning.ncfky.cn.gov.cn.ncfky.cn http://www.morning.pqqhl.cn.gov.cn.pqqhl.cn http://www.morning.nllst.cn.gov.cn.nllst.cn http://www.morning.lveyue.com.gov.cn.lveyue.com http://www.morning.yrwqz.cn.gov.cn.yrwqz.cn http://www.morning.lthpr.cn.gov.cn.lthpr.cn http://www.morning.srbfz.cn.gov.cn.srbfz.cn http://www.morning.clnmf.cn.gov.cn.clnmf.cn http://www.morning.ghlyy.cn.gov.cn.ghlyy.cn
