在海外项目中,我们通常需要接入 Google 帐号登录,这样可以提高应用使用率。
下面以 Android 平台 接入 Google 原生登录为例,进行详细说明。
一、准备工作
1、需要 Android 4.4 或更高版本的兼容 Android 设备
2、需要在设备或模拟器上安装 15.0.0 或更高版本的 Google Play 服务
3、最新版本的 Android SDK
4、配置为针对 Android 4.4 (KitKat) 或更高版本进行编译
5、Google开发者账号,登录Firebase开发者后台
二、接入步骤
(1)、选择国家地区,同意协议
(2)、创建或打开项目
Ps:一般在firebase创建项目后,项目会自动关联到google api ;同时在凭据页面会自动生成Android Client ID、Web Client ID。
如何在firebase创建项目,请查看Cocos Creator Android 平台接入 Google Firebase (Analytics功能)
在 API 控制台中打开项目,如果还没有项目,请创建一个。
这里,我们直接打开firebase 自动创建的 google api 项目,如下图所示:
(3)、凭据页面,获取到Web 客户端 ID( app google sdk 初始化时使用) 、密钥(web服务器验证google登录时使用)
(4)、凭据页面,设置授权
A、依次点击感叹号项 ,进入下一步操作
B、选择 Android apps
C、注册app 项,点击 添加 item
D、输入 包名 、sha-1
E、保存
(4)、完善 OAuth 同意屏幕信息
A、点击左侧同意屏幕标签,选择外部类型
B、输入开发者联系邮箱
C、输入客服邮箱
D、添加测试账号
Google API 控制台项目设置完成,下面添加依赖项。
第2步,添加依赖项
(1)、在项目根目录 (Project) build.gradle 中添加 google()
确保buildscript和allprojects 部分中都包含 Google 的 Maven 存储库() 。
buildscript {
repositories {
google()
mavenCentral()
}
...
}
allprojects {
repositories {
google()
mavenCentral()
jcenter()
}
}
(2)、在 app 级 build.gradle 中添加库
implementation 'com.google.android.gms:play-services-auth:19.2.0'
(3)、java 代码实现 google 登录封装
package org.cocos2dx.javascript.tools;
import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.util.Log;
import com.google.android.gms.auth.api.signin.GoogleSignIn;
import com.google.android.gms.auth.api.signin.GoogleSignInAccount;
import com.google.android.gms.auth.api.signin.GoogleSignInClient;
import com.google.android.gms.auth.api.signin.GoogleSignInOptions;
import com.google.android.gms.common.api.ApiException;
import com.google.android.gms.tasks.Task;
import com.seventh.teenpatti.R;
import org.cocos2dx.javascript.Native;
import java.util.HashMap;
import java.util.Map;
public class GoogleUtils {
private String m_actTag ="GoogleUtils";
private String m_googleLoginCallBack="";
private String client_id = "";
private Activity m_activity=null;
private static final int SIGN_LOGIN = 901;
private GoogleSignInClient mGoogleSignInClient;
private static GGTPSeventhGoogleUtils g_Instace = null;
public static GoogleUtils getInstance() {
if (null == g_Instace) {
g_Instace = new GoogleUtils();
}
return g_Instace;
}
public Intent getGoogleIntent() {
Intent signInInten;
signInInten = mGoogleSignInClient.getSignInIntent();
return signInInten;
}
public void onActivityResult(int requestCode, int resultCode, Intent data) {
if(mGoogleSignInClient != null) {
switch (requestCode) {
case SIGN_LOGIN:
Log.d(m_actTag,"setActivityResultGoogle");
Task<GoogleSignInAccount> task = GoogleSignIn.getSignedInAccountFromIntent(data);
if (task == null) {
Log.d(m_actTag,"task:null");
}
try {
GoogleSignInAccount account = task.getResult(ApiException.class);
Log.d(m_actTag,"Id:" + account.getId() + "|Email:" + account.getEmail() + "|IdToken:" + account.getIdToken());
String personName = account.getDisplayName();
String personGivenName = account.getGivenName();
String personFamilyName = account.getFamilyName();
String personEmail = account.getEmail();
String personId = account.getId();
String token = account.getIdToken();
Uri personPhoto = account.getPhotoUrl();
Map<String,String> map = new HashMap<String, String>();
map.put("result", "22");
map.put("info", "google info success");
map.put("id", personId);
map.put("token", token);
map.put("Email", personEmail);
map.put("firstName", personGivenName);
map.put("lastName", personFamilyName);
map.put("userName", personName);
Native.nativeToLogic(m_googleLoginCallBack,map);
} catch (ApiException e) {
e.printStackTrace();
Log.d(m_actTag,"ApiException:" + e.getMessage());
Log.e(m_actTag, "google login error:" + e.getMessage());
Map<String,String> map = new HashMap<String, String>();
map.put("result", "21");
map.put("info", e.getMessage());
Log.d(m_actTag,"error!!!!!");
Native.nativeToLogic(m_googleLoginCallBack,map);
}
break;
}
}
}
public void loginGoogle(final String callback){
m_googleLoginCallBack = callback;
m_activity.startActivityForResult(getGoogleIntent(), SIGN_LOGIN);
}
public void logOutGoogle() {
if(mGoogleSignInClient != null) {
mGoogleSignInClient.signOut();
}
}
public void initSDK(final Activity activity){
m_activity = activity;
client_id = activity.getResources().getString(R.string.google_client_id);
if (mGoogleSignInClient == null) {
GoogleSignInOptions gso = new GoogleSignInOptions.Builder(GoogleSignInOptions
.DEFAULT_SIGN_IN)
.requestEmail()
.requestIdToken(client_id)
.build();
mGoogleSignInClient = GoogleSignIn.getClient(m_activity, gso);
}
}
}
(4)、res/values/strings.xml 中配置 Web客户端ID
<string name="google_client_id">200615557981-4mgn8ufi9chaj6gm135aaq6oul01mbph.apps.googleusercontent.com</string>
(5)、java 封装 google sdk 初始化,处理返回,并提供登录、登出接口 供 js、ts层调用
public class AppActivity extends Cocos2dxActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
GoogleUtils.getInstance().initSDK(this);
}
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
GoogleUtils.getInstance().onActivityResult(requestCode, resultCode, data);
super.onActivityResult(requestCode, resultCode, data);
}
public static void loginGoogle(final String callback) {
GoogleUtils.getInstance().loginGoogle(callback);
}
public static void logOutGoogle() {
GoogleUtils.getInstance().logOutGoogle();
}
}
(6)、ts 或js 代码封装 java 接口
export class Native {
public static loginGoogle(func: any,funcParams:string): void {
if (cc.sys.isNative) {
let cbKey: string = "loginGoogle"
window[this.CallBackKey][cbKey] = func
let ret = 0;
if (cc.sys.os == cc.sys.OS_ANDROID) {
ret = jsb.reflection.callStaticMethod("org/cocos2dx/javascript/AppActivity", "loginGoogle", "(Ljava/lang/String;)V", this._callBackPrefix + cbKey + funcParams);
}
else if (cc.sys.os == cc.sys.OS_IOS) {
ret = jsb.reflection.callStaticMethod(Native.ApiIOS, "loginGoogle:", this._callBackPrefix + cbKey);
}
}
}
//登出FB
public static logOutGoogle() {
if (cc.sys.isNative) {
console.log("logOutGoogle!!!!")
if (cc.sys.os == cc.sys.OS_ANDROID) {
jsb.reflection.callStaticMethod("org/cocos2dx/javascript/AppActivity", "logOutGoogle", "()V");
}
else if (cc.sys.os == cc.sys.OS_IOS) {
jsb.reflection.callStaticMethod(Native.ApiIOS, "logOutGoogle", null);
}
}
}
......
}
(7)、ts 或js 代码调用google 登录接口
loginGoogle(){
let self = this;
Native.loginGoogle((ret: any) => {
self.googleSdkBack(ret)
},"(%s)")
}
//请求SDK返回
googleSdkBack(backInfo:any){
console.log("googleSdkBack:",JSON.stringify(backInfo))
if(backInfo){
if(backInfo.result == "21"){//GG登录失败
}else if(backInfo.result == "22"){//GG登录成功并返回用户数据
}
}
}
注意事项:
1、需要使用在同意屏幕时填写的 google 测试账号进行登录测试。
2、需要使用Web客户端ID才能成功。
|