"Open source" simple 4 steps to make QQ login, no code skills "No Language limits"

Said 17th Super Simple tutorial on 17th, QQ determination review through the package of this, now put out ~ ~

This is an open source project in my package: Https://github.com/dunitian/LoTQQLogin

————————————————————————————————————————————

Please apply first.

Create an App

Website or mobile

Note the callback address (when you log in, it will pass through).

Take the website as an example

Verification can be successful, depending on the creation of the prompt

Remember the ID above

This is your API Management page (more can apply)

Here are the plays:

First step: Introduction of JQ
<script type= ' text/javascript ' src= ' http://ajax.useso.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=3.4.2 ' ></script>
Step two: Replace the data-appid with your Id,data-redirecturi to your callback address
<script type= "Text/javascript" src= "Http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid= " 101271485"data-redirecturi="http://www.dkill.net/Index"charset=" Utf-8 "></script>
Step three: Introduce Lotqq.js
<script src= "Javascript/lotqq.js" ></script>
Fourth step: Pass the parameters and set up your callback functions (such as doing some storage) "LOTQQ is the ID of the QQ login icon you want to place】
<script type= "Text/javascript" >
$.lotqq ('101271485', 'http://www.dkill.net/Index', 'lotqq', function (data) {
///callback function, do some storage you need ~ ~ ~ (data array has what you need)
Console.log (' Name: ' + data. Name);
Console.log (' OpenId: ' + data. OPENID);
Console.log (' Accesstoken: ' + data. Accesstoken);
Console.log (' figureurl: ' + data. Figureurl);
});
</script>

Effect:

Initial time:

Jump Login:

After Login: (style can be adjusted)

Available values: (can be stored according to the callback function itself)

What bugs or new needs can be made to me ~ ~ Goodnight ~

"Open source" simple 4 steps to make QQ login, no code skills "No Language limits"