GameHost綜合論壇

標題: 【GOOGLE登入】PhoneGap (Cordova) GOOGLE 登入教學 [打印本頁]

作者: admin 時間: 2016-12-11 23:26
標題: 【GOOGLE登入】PhoneGap (Cordova) GOOGLE 登入教學

第一步：先新增一個 Google API 的 Project 並開通 Google+ API

第二步：新增一個專案的 OAuth 憑證

第二步之一：填寫OAuth同意畫面

[attach]128[/attach]

第二步之二：新增 OAuth憑證選擇 Android並填上套件名稱

[attach]129[/attach]

　打開 cmd 輸入

keytool –exportcert –keystore C://Users/你的使用者名稱/.android/debug.keystore –list–v

(密碼預設為 android )

第二步之三：取得SHA1 的金鑰並輸入至OAuth憑證中並建立憑證

第三步：打開 Android SDK Manager 安裝 Google Play Service 元件

[attach]130[/attach]

第四步：回到 phoneGap 專案安裝 googleplus 元件

cordova plugin add cordova-plugin-googleplus--variable REVERSED_CLIENT_ID=XXXXXXXXXXXXXXXXXXXXX( REVERSED_CLIENT_ID 就是你剛剛得到的 API key )

第五步：使用方式

初始化 (載入時必須執行)

複製代碼

元件是否正常運作

function isAvailable() {window.plugins.googleplus.isAvailable(function(avail) {alert(avail)});}

複製代碼

登入

function login() {
　　window.plugins.googleplus.login(
　　　　{},
　　　　function (obj) {
　　　　　　document.querySelector("#image").src = obj.imageUrl;
　　　　　　document.querySelector("#image").style.visibility = 'visible';
　　　　　　document.querySelector("#feedback").innerHTML = "Hi, " + obj.displayName + ", " + obj.email;
　　　　},
　　　　function (msg) {
　　　　　　document.querySelector("#feedback").innerHTML = "error: " + msg;
　　　　}
　　);
}

複製代碼

登出

複製代碼

注意:如果登入出現錯誤請輸入這段到您的app中並取得SHA1指紋放到 GOOGLE API 的 OAuth 憑證中即可

<button onclick="window.plugins.googleplus.getSigningCertificateFingerprint(function(res){alert(res)},
function(res){alert(res)})">get cert fingerprint
(Android)</button>

複製代碼

歡迎光臨 GameHost綜合論壇 (https://www.gamehost.cc/bbs/)