แรกแนะนำไฟล์ JS ที่ได้รับอนุญาต
<script type = "text/javaScript" src = "http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid = "101140406" data-redirecturi = "http://127.0.0.0.0.0.0.
จากนั้นเชื่อมต่อกับ QQ เพื่อเข้าสู่ระบบ
ประเภทแรกใช้ปุ่มของระบบเพื่อเข้าสู่ระบบ แต่จะปรากฏขึ้นในหน้าต่างใหม่ ไม่ชอบ // เรียกเมธอด qc.login ให้ระบุพารามิเตอร์ btnid เพื่อผูกปุ่มเข้ากับโหนดคอนเทนเนอร์ qc.login ({// btnid: รหัสโหนดของปุ่มแทรก, จำเป็นต้องใช้ btnid: "qqloginbtn", // A_M | A_S | // Avatar '<span> <img src = "{figureUl}"/> </span>', // ชื่อเล่น '<pan> {ชื่อเล่น} </span>', // ออก '<span> <a href = "javaScript: qc.login.signout () dom && (dom.innerhtml = qc.string.format (_logouttemplate, {ชื่อเล่น: qc.string.eschtml (reqdata.nickname), // do xss fileter: reqdata.figureurl}); - ประเภทที่สองคือการใช้ปุ่มที่กำหนดเอง <a> แท็กเพื่อเชื่อมโยงแล้วเรียกที่อยู่นี้หลังจากประสบความสำเร็จ href ของแท็ก A สามารถอ้างถึงประเภทแรกของ window.location qc.api ("get_user_info", {}) // ระบุฟังก์ชั่นการรับของอินเทอร์เฟซเพื่อเข้าถึงได้สำเร็จ S ส่งคืนวัตถุตอบสนอง Success (ฟังก์ชั่น (s) {console.log (s); // การโทรกลับที่ประสบความสำเร็จรับข้อมูลการส่งคืนของ openapi ผ่านการแจ้งเตือน s.data ("รับข้อมูลผู้ใช้ได้สำเร็จ! ชื่อเล่นของผู้ใช้ปัจจุบัน:" s.data.nickname); การแจ้งเตือน ("รับข้อมูลผู้ใช้ล้มเหลว!");}) // ระบุฟังก์ชั่นการรับหลังจากอินเทอร์เฟซเสร็จสิ้นการร้องขอ C ส่งคืนวัตถุตอบกลับสำหรับการร้องขอเสร็จสิ้น emplete (c) {// การแจ้งเตือนการเรียกคืนการร้องขอ ("รับข้อมูลผู้ใช้เสร็จสมบูรณ์!");}); // ตรวจสอบว่าจะเข้าสู่ระบบหาก (qc.login.check ()) {// ถ้าคุณเข้าสู่ระบบ qc.login.getMe (ฟังก์ชั่น (openId, accessToken) {แจ้งเตือน (["ผู้ใช้ล็อกอินปัจจุบัน", "OpenId คือ:"+OpenId, "AccessToken คือ"+AccessToken] // คุณสามารถเรียกอินเทอร์เฟซบันทึกของคุณเองได้ที่นี่ // ... }