Cocos Creator Android 平台 Google 原生登录

在海外项目中,我们通常需要接入 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步,设置Google API 控制台项目

(1)、选择国家地区,同意协议

Cocos Creator Android 平台 Google 原生登录_第1张图片



(2)、创建或打开项目

Ps:一般在firebase创建项目后,项目会自动关联到google api ;同时在凭据页面会自动生成Android Client ID、Web Client ID。

如何在firebase创建项目,请查看Cocos Creator Android 平台接入 Google Firebase (Analytics功能)



API 控制台中打开项目,如果还没有项目,请创建一个。

这里,我们直接打开firebase 自动创建的 google api 项目,如下图所示:

Cocos Creator Android 平台 Google 原生登录_第2张图片



(3)、凭据页面,获取到Web 客户端 ID( app google sdk 初始化时使用) 、密钥(web服务器验证google登录时使用)

Cocos Creator Android 平台 Google 原生登录_第3张图片



(4)、凭据页面,设置授权

A、依次点击感叹号项 ,进入下一步操作

Cocos Creator Android 平台 Google 原生登录_第4张图片



B、选择 Android apps

Cocos Creator Android 平台 Google 原生登录_第5张图片



C、注册app 项,点击 添加 item

Cocos Creator Android 平台 Google 原生登录_第6张图片



D、输入 包名 、sha-1

Cocos Creator Android 平台 Google 原生登录_第7张图片



E、保存

Cocos Creator Android 平台 Google 原生登录_第8张图片



(4)、完善 OAuth 同意屏幕信息

A、点击左侧同意屏幕标签,选择外部类型

Cocos Creator Android 平台 Google 原生登录_第9张图片



B、输入开发者联系邮箱

Cocos Creator Android 平台 Google 原生登录_第10张图片



C、输入客服邮箱

Cocos Creator Android 平台 Google 原生登录_第11张图片



D、添加测试账号

Cocos Creator Android 平台 Google 原生登录_第12张图片

Cocos Creator Android 平台 Google 原生登录_第13张图片

Google API 控制台项目设置完成,下面添加依赖项。



第2步,添加依赖项

(1)、在项目根目录 (Project) build.gradle 中添加 google()

确保buildscript和allprojects 部分中都包含 Google 的 Maven 存储库() 。

buildscript {
    repositories {
        google()
        mavenCentral()
    }
    ...
}
allprojects {
    repositories {
        google()
        mavenCentral()
        jcenter() 
    }
}

Cocos Creator Android 平台 Google 原生登录_第14张图片



(2)、在 app 级 build.gradle 中添加库

implementation 'com.google.android.gms:play-services-auth:19.2.0'

Cocos Creator Android 平台 Google 原生登录_第15张图片



(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 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 GoogleUtils 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 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 map = new HashMap();
                        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 map = new HashMap();
                        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

200615557981-4mgn8ufi9chaj6gm135aaq6oul01mbph.apps.googleusercontent.com


(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才能成功。

你可能感兴趣的:(Cocos,Creator,Android,android,java,Google登录,原生登录)