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)、选择国家地区,同意协议

在这里插入图片描述



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

  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

w风雨无阻w

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值