1. 程式人生 > >web開發第三方登陸之google+登陸

web開發第三方登陸之google+登陸

開發準備:
1,一個線上的可以通過域名訪問的擁有檔案控制權限的站點

這裡寫圖片描述
這裡寫圖片描述
建立完成後獲得一個客戶端ID
這裡寫圖片描述

3,在庫中啟動google+ AP,點選,選擇啟動
這裡寫圖片描述
這裡寫圖片描述

3,配置應用相關資訊,使用者授權的時候給使用者看的
這裡寫圖片描述

//初始化
gapi.load('auth2', function () {
    auth2 = gapi.auth2.init({
        client_id: id,  //第二步申請的客戶端id
        cookiepolicy: "single_host_origin"
    });

//繫結登陸按鈕    
    attachSignin(document.getElementById('login_google'
)); }); function attachSignin(element) { auth2.attachClickHandler(element, {}, function (googleUser) { //獲取使用者資訊 var profile = googleUser.getBasicProfile(); console.log(profile); }, function (error) { console.log(JSON.stringify(error, undefined
, 2)); } ); }