QQ快速登录这个插件可以使用户的网站快速拥有登录功能,用户第一次登录后会自动注册成为网站会员,无需注册,无需任何多余的操作。使用这款插件需要用户自己登录QQ互联,绑定应用。之后只需要简单的几点设置即可使网站拥有登录功能。
1、登录https://connect.qq.com/index.html
2、创建应用,填写完等待审核,审核通过后如下图所示基本就可以了。
之后编辑基本信息,回调地址填写插件中提示的那个回调地址,其他的信息都是自己站点的信息,根据自己情况填写。下图红色框中的就是回调地址,这个地址在插件中有显示,直接复制过来就可以。
1、基本设置里的appid和appkey,填写QQ互联里的appid和appkey。
2、CallBack 就是回调地址,把这个地址复制下来,填在QQ互联的回调地址那里。
3、登陆后跳转 是说登录成功后要跳转的页面,留空就会跳转到首页。
4、登录链接 可以复制到网站的任何位置,访问这个链接就会出现QQ登录页面。(有的主题自带QQ登录配置入口,把这个路径写上去即可)
通过上面4步设置,基本就可以使用了,但是为了考虑到复制链接还要修改代码,对于一些用户来说可能不太方便,关于这部分用户可以再继续配置下面的设置。
5、高级设置里自动开启 打开。
6、容器 是指要显示登录链接的容器,一般是div,这里可以填写div 的id或者class名,如果是id的话要以#号开头,如果是class名要以英文句号开头,例如(#header 或者 .class1)。容器可以是网站的任何页面,比如网站首页。寻找方式一般是按F12查看源文件,在想放置登录链接的位置,找一个div,把div的id或者class名记下来,写到容器这里就可以了,然后再通过top 和 right来对其一下位置。
7、文字颜色 是指登录链接的文字颜色,以井号开头后面跟6个16进制的数字表示。常用的颜色有(白色#ffffff、黑色 #000000)或者也可以这样写(红色 red、黑色 black)。
8、Top 链接距离容器顶部的距离,单位是px
9、Right 链接距离容器右侧的距离,单位是px。
下图就是QQ登录的效果图,可以访问这里查看具体的效果。(http://www.ppkanshu.com/),这里我把他显示在右上角了,当然位置是可以随意放置的,通过设置容器,调节top和right。
点击之后就会出现QQ登录页面,登录之后会把QQ昵称显示在刚才登录的位置。
以上就是QQ快速登录插件的全部内容,包括如何配置,怎么使用。有些网站主题设置里有输入登录链接和注册链接的地方,如果有的话,直接复制基本设置里的登录链接过去就可以了,无需再配置下面的高级配置。
网站: http://www.ppkanshu.com
本文由隔壁老李于2022-09-13发表在极致时空,如有疑问,请联系我们。
本文链接:https://www.jz52.com/post/1299.html