1. 程式人生 > >【開源】簡單4步搞定QQ登入,無需什麼程式碼功底【無語言界限】

【開源】簡單4步搞定QQ登入,無需什麼程式碼功底【無語言界限】

說17號發超簡單的教程就17號,qq核審通過後就封裝了這個,現在放出來~~

這個是我封裝的一個開源專案:https://github.com/dunitian/LoTQQLogin

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

先申請一下

建立一個應用

網站或者移動

注意回撥地址(登入的時候會傳東西過去)

以網站為例

驗證後即可成功,具體看建立時候的提示

記住上面的id

這個是你的api管理頁面(更多可以申請)

 下面說一下重頭戲:

第一步:引入jq
<script type='text/javascript' src='http://ajax.useso.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=3.4.2'></script>


第二步:把 data-appid 替換成你的id,data-redirecturi 替換成你的回撥地址
<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>
第三步:引入lotqq.js
<script src="JavaScript/lotqq.js"></script>

第四步:傳參以及設定你的回撥函式(比如進行一些儲存)【lotqq是你要放置qq登入圖示的id
<script type="text/javascript">
$.lotqq('101271485', 'http://www.dkill.net/Index', 'lotqq', function (data) {
//回撥函式,進行一些你需要的儲存~~~(data陣列有你需要的資料)
console.log('Name:' + data.Name);
console.log('OpenId:' + data.OpenId);
console.log('AccessToken:' + data.AccessToken);

console.log('Figureurl:' + data.Figureurl);
});
</script>

效果:

初始時:

跳轉登入:

登入後:(樣式可以調)

可獲取的值:(可以根據回撥函式自己儲存)

有什麼bug或者新需求可以向我提出~~晚安~

相關推薦

開源簡單4QQ登入無需什麼程式碼功底語言界限

說17號發超簡單的教程就17號,qq核審通過後就封裝了這個,現在放出來~~ 這個是我封裝的一個開源專案:https://github.com/dunitian/LoTQQLogin ———————————————————————————————————————————— 先申請一下 建立一個應用

開源簡單4QQ登入無需什麼程式碼功底語言界限下 ~ Net程式設計師的福利

這次我們專門為Net程式設計師準備一個專版(其他方向的看通用封裝即可,使用起來很簡單) 做個簡單的案例:(EF+MVC) 1.先看一下自己的appid 2.前臺一系列設定:(圖片看不見的話點開看,會放大的) 3.資料庫設計(簡單版本) 4.Model類 5.後臺處理(不同框架處

路由達人簡單小米路由新增功能-DDNS(解析域名地址轉向在線工具)

固定ip cells hot ddn mic width cin spa family DDNS(Dynamic Domain Name Server)是動態域名服務的縮寫! 簡單來說目前ISP大多為我們提供動態IP(如ADSL撥號上網),而很多設備或服務需要通過遠

開源1句程式碼圖片批量上傳無需什麼程式碼功底語言界限

/// <summary> /// 圖片上傳 /// </summary> /// <returns></returns> public JsonResult Upload(HttpPo

Eclipse修改專案包名(簡單)

STEP 1: 將Build AutoMatically 去掉 專案—–>自動構建前面的勾去掉 STEP 2: 修改Src下的一級包名 選中專案的一級包 右鍵—>重構——>重

快速開發tp5傳送email功能 4!!!

function send_mail($tomail, $name, $subject = '', $body = '', $attachment = null){    $mail = new \PHPMailer\PHPMailer\PHPMailer();           //例項化PHPMaile

4 Hive 增量更新

Hive 的更新很有趣。 Hive 的表有兩種,一種是 managed table, 一種是 external table. managed table 是 Hive 自動幫我們維護的表,自動分割底層儲存檔案,自動分割槽,這些自動化的操作,都是 Hive 封

phpstudy虛擬域名配置簡單方便!

第一步:在 C:\Windows\System32\drivers\etc下的hosts檔案中新增 第二步:找到Apache 下的httpd.conf  檔案 開啟,去掉前邊的# 第三步: 在vhosts.conf 檔案中,配置以下內容 這樣就配置成

白話經典算法系列之六 快速排序 快速

快速排序由於排序效率在同為O(N*logN)的幾種排序方法中效率較高,因此經常被採用,再加上快速排序思想----分治法也確實實用,因此很多軟體公司的筆試面試,包括像騰訊,微軟等知名IT公司都喜歡考這個,還有大大小的程式方面的考試如軟考,考研中也常常出現快速排序的身影。 總

專案實踐手把手帶你SSM

> 以專案驅動學習,以實踐檢驗真知 # 前言 現在使用Java後端開發使用的技術棧基本上比較統一:Spring + SpringMVC + Mybatis,即大家常說的SSM。雖然現在流行的做法是使用SpringBoot來快速搭建、配置好SSM專案,但還是有必要知道如何不用SpringBoot來組合好這三

Python3.6編碼問題

python 編碼格式 unicodedecodeerror 字節流 字符流Python中的編碼問題很蛋疼,我們遇到這類問題有時候會使用下面幾個步驟處理該問題: 1:這麽低級問題,別問同事了太丟人,趕緊百度; 2:臥槽,出了一堆廣告,罵個娘,趕緊找相關解決問題方式; 3:尼瑪,終於搞定,原來

私有Git服務器部署(Gogs)

soft 管理員 efault shared 自由 mes off valid art http://www.jianshu.com/p/424627516ef6 零、安裝 Docker 和 Compsoe 首先安裝 Docker: $ curl -sSL http

簡單電路實現電源防接反再也不用挨老板罵了

分享圖片 bmc lazy 方向 src 要點 jpg 兩個 cbi 我們在使用外接電源類產品時,可能會因一時疏忽將將電源線接反,導致產品被燒壞。從產品的設計角度來講,如果把電源做成防反接的,那就大大提高了產品的人性化設計。從技術角度來講,實現電源防反接的技術並不復雜,其實

簡單幾部laravel/lumen跨庫操作

mil tom fig文件 brush localhost utf except conn strong 1.跨庫數據庫配置 在網站跟目錄下的config文件中增加database.php作為數據庫配置文件。配置如下: //當前默認數據庫'my

使用 Docker 一 ZooKeeper 集群的搭建

docker -i zoo.cfg sin 但是 .com 證明 配置 當我 背景 原來學習 ZK 時, 我是在本地搭建的偽集群, 雖然說使用起來沒有什麽問題, 但是總感覺部署起來有點麻煩. 剛好我發現了 ZK 已經有了 Docker 的鏡像了, 於是就嘗試了一下, 發現

Centos 7 上特定版本的 docker 安裝

cache con data doc 說明 ger mapper 過程 -s 由於國內網絡原因,使用centos的用戶yum源常用國內的阿裏雲。現在把centos7上安裝docker的詳細過程記錄如下: 一、配置centos7的yum源(阿裏雲) 1、cd /etc/yu

CAD圖紙轉換成高質量的PDF文件兩種方法一

設計 彈出 雙擊 下載 顯示 快捷 pdf 搜索 鼠標 其實提到CAD,可能大家都大致的了解,CAD現在已經是建築行業運用的非常廣泛的一個設計軟件了,其實CAD就是一種計算機輔助軟件,可以高效的幫助我們進行圖紙的繪制。我們一般在設計完圖紙,可能定會轉換格式,以至於可以方便的

手把手教你制作微信小程序開源、免費、快速

免費 list life 支付 直接 domain -i 方式 poster 最近做了個“羅孚傳車”的小程序 一時興起,做了一個小程序,將個人收集的同汽車相關的行業資訊和學習資料,分享到小程序中,既作為歷史資料保存,又提供給更多的人學習和了解,還能裝一下:) 掃描下方小程序

簡單兩招JSON介面自動化測試(RESTful API)

純文字協議模板構造JSON請求 上一個版本釋出後,有一些同學反饋,舊版的協議模板( 表單模式)使用 ,在測試restfull 介面(json格式)的時候,還是有一些懵,不知道怎麼下手,感覺沒有其他工具直接複製一個純檔案JSON來得直接跟方便。  

IDEA配置tomcat伺服器並啟動訪問

廢話不多說,直接開始我們的步數之旅 第一步:檢查自己的artifacts 配置是否配了war包 步驟:File -->Project Structure-->artifacts 如圖沒有,我們點選“+”號:選擇WEB application:Exploded