Cocos2d-x
本指南将演示如何将结合了 Firebase 的 AdMob 添加到新建的 Cocos2d-x 项目中。如果您还没有项目,则应先满足前提条件,然后再通过命令行新建一个 cocos 项目:
cocos new MyGame -l cpp
注意:AdMob 仅支持为 Android 和 iOS 构建的 Cocos2d-x 应用。桌面应用不受支持。本指南假定您只开发适用于 Android/iOS 的 Cocos 应用,但您可以使用以下 #if 指令封装完整的 AdMob 集成,以确保其仅在移动应用环境中执行:
#if (CC_TARGET_PLATFORM == CC_PLATFORM_ANDROID ||
CC_TARGET_PLATFORM == CC_PLATFORM_IOS)
...
#endif
前提条件
您的设备上必须安装以下工具:
最新版本的 Cocos2d-x
Python 2.7 或更高版本
NDK r10d 或更高版本(仅 Android 开发需要)
CocoaPods 1.0.0 或更高版本(仅 iOS 开发需要)
获取 AdMob 和 Firebase C++ SDK
下载 Firebase C++ SDK。将文件解压缩到 Cocos2d-x 项目的顶级目录中,此目录包含您的 proj.android-studio 目录和 proj.ios_mac 目录。将文件夹命名为 firebase_cpp_sdk。
设置 iOS
以下步骤说明了如何将 Firebase SDK 导入到新建的 Cocos2d-x iOS 项目中。
按照相应步骤将 Firebase 添加至您的应用。完成之后,proj.ios_mac/ 目录中的 Xcode 项目应该会引用 GoogleService-Info.plist 文件。
在您的 proj.ios_mac/ 目录中创建一个 Podfile,其中包含以下内容:
source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '7.0'
# Replace "MyGame" with the name of your game.
target 'MyGame-mobile' do
pod 'Firebase'
pod 'Firebase/AdMob'
end
运行 pod update 以安装 CocoaPods,然后按照 CocoaPods 的说明打开 MyGame.xcworkspace。此时,您的项目中已包含 Firebase 和 AdMob iOS SDK。
CocoaPods 会发出有关一些属性缺少 $(inherited) 的警告。转到 Xcode 中 MyGame 移动应用目标的构建设置,然后将 $(inherited)
添加到以下每个构建设置的列表底部:
在构建设置中,将 $(PROJECT_DIR)/../firebase_cpp_sdk/frameworks/ios/universal
添加到 Framework Search Paths,将 $(PROJECT_DIR)/../firebase_cpp_sdk/include
添加到 Header Search Paths。
接下来,您需添加对要使用的库的引用。右键点击您的项目,然后选择 Add Files to “MyGame”。在 firebase_cpp_sdk/frameworks/ios/universal 目录中,选择 firebase.framework 和 firebase_admob.framework。在添加相应框架之前,取消选中 Copy Items if Needed 选项。通过您在上一步中添加的构建设置,Xcode 可了解在哪里找到这些框架。
将 GameController.framework 添加至 Build Phases > Link Binary with Libraries。
按照 AdMob 的应用传输安全指南来操作,确保所有广告都能在 iOS 9 及更高版本上正常运行。
检查点:您应该能从 Xcode 构建和运行 iOS 应用。
注意:使用 CocoaPods 的副作用是,您将无法再在命令行中使用 cocos run -p 构建 iOS 应用。
现在,您的 iOS 项目已经与 AdMob 和 Firebase 相集成。 您可以设置 Android 项目了。
设置 Android
以下步骤说明了如何将 Firebase SDK 导入到新建的 Cocos2d-x Android 项目中。
打开 proj.android-studio/app/jni/Android.mk,然后添加下方以粗体显示的各行内容。确保将 FIREBASE_CPP_SDK_DIR 设置为您刚下载的 Firebase C++ SDK 的本地路径。
LOCAL_PATH := $(call my-dir)
# The path to the Firebase C++ SDK, in the project's root directory.
FIREBASE_CPP_SDK_DIR := ../../../firebase_cpp_sdk
APP_ABI := armeabi-v7a x86
STL := $(firstword $(subst _, ,$(APP_STL)))
FIREBASE_LIBRARY_PATH := $(FIREBASE_CPP_SDK_DIR)/libs/android/$(TARGET_ARCH_ABI)/$(STL)
include $(CLEAR_VARS)
LOCAL_MODULE := firebase_app
LOCAL_SRC_FILES := $(FIREBASE_LIBRARY_PATH)/libapp.a
LOCAL_EXPORT_C_INCLUDES := $(LOCAL_PATH)/$(FIREBASE_CPP_SDK_DIR)/include
include $(PREBUILT_STATIC_LIBRARY)
include $(CLEAR_VARS)
LOCAL_MODULE := firebase_feature
LOCAL_SRC_FILES := $(FIREBASE_LIBRARY_PATH)/libadmob.a
LOCAL_EXPORT_C_INCLUDES := $(LOCAL_PATH)/$(FIREBASE_CPP_SDK_DIR)/include
include $(PREBUILT_STATIC_LIBRARY)
include $(CLEAR_VARS)
$(call import-add-path,$(LOCAL_PATH)/../../../cocos2d)
$(call import-add-path,$(LOCAL_PATH)/../../../cocos2d/external)
$(call import-add-path,$(LOCAL_PATH)/../../../cocos2d/cocos)
$(call import-add-path,$(LOCAL_PATH)/../../../cocos2d/cocos/audio/include)
LOCAL_MODULE := MyGame_shared
LOCAL_MODULE_FILENAME := libMyGame
LOCAL_SRC_FILES := hellocpp/main.cpp \
../../../Classes/AppDelegate.cpp \
../../../Classes/HelloWorldScene.cpp
LOCAL_C_INCLUDES := $(LOCAL_PATH)/../../../Classes
# _COCOS_HEADER_ANDROID_BEGIN
# _COCOS_HEADER_ANDROID_END
LOCAL_STATIC_LIBRARIES := cocos2dx_static
LOCAL_STATIC_LIBRARIES += firebase_app
LOCAL_STATIC_LIBRARIES += firebase_feature
# _COCOS_LIB_ANDROID_BEGIN
# _COCOS_LIB_ANDROID_END
include $(BUILD_SHARED_LIBRARY)
$(call import-module,.)
# _COCOS_LIB_IMPORT_ANDROID_BEGIN
# _COCOS_LIB_IMPORT_ANDROID_END
检查您是否仍能编译 Cocos 应用:
cocos compile -p android –ap android-24 –android-studio –app-abi armeabi-v7a
按照相应步骤将 Firebase 添加至您的应用(此应用位于 proj.android-studio/ 目录中)。
在您的 app/build.gradle 中添加广告包:
compile ‘com.google.firebase:firebase-ads:11.0.4’
检查您是否仍能编译 Cocos 应用:
cocos compile -p android –ap android-42 –android-studio –app-abi armeabi-v7a
您的 Android 项目现在已经引用 Firebase C++ SDK 中的 AdMob 组件。
C++ 集成
现在,您的 iOS 和 Android 项目已在 Firebase C++ SDK 中被引用,接下来便是开始使用 SDK 并加载一些广告。
初始化 Firebase 和 AdMob
建议您在应用生命周期中尽早初始化 Firebase 和 AdMob。要为 Cocos2d-x 项目添加这个初始化代码,最自然的地方是在 AppDelegate.cpp 文件中:
AppDelegate.cpp
#include "firebase/app.h"
#include "firebase/admob.h"
USING_NS_CC;
bool AppDelegate::applicationDidFinishLaunching() {
...
#if (CC_TARGET_PLATFORM == CC_PLATFORM_ANDROID)
// Initialize Firebase for Android.
firebase::App* app = firebase::App::Create(
firebase::AppOptions(), JniHelper::getEnv(), JniHelper::getActivity());
// Initialize AdMob.
firebase::admob::Initialize(*app, "INSERT_YOUR_ADMOB_ANDROID_APP_ID");
#elif (CC_TARGET_PLATFORM == CC_PLATFORM_IOS)
// Initialize Firebase for iOS.
firebase::App* app = firebase::App::Create(firebase::AppOptions());
// Initialize AdMob.
firebase::admob::Initialize(*app, "INSERT_YOUR_ADMOB_IOS_APP_ID");
#endif
// Initialize AdMob.
firebase::admob::Initialize(*app);
// Create a scene. it's an autorelease object.
auto scene = HelloWorldScene::createScene();
// run
director->runWithScene(scene);
return true;
}
在 Android 上,创建 Firebase 应用需要一个 JNI 环境和 Activity。上面的示例代码使用 Cocos2d-x 中的 JniHelper 类来提供这些参数。
获取广告父级对象
AdMob 需要 firebase::admob::AdParent 对象来初始化每种广告格式。此对象对应于 Android 上的 Activity 和 iOS 上的 UIView。以下辅助类会创建单个 getAdParent() 方法,该方法可根据平台返回相应对象。
FirebaseHelper.h
#ifndef __FIREBASE_HELPER_H__
#define __FIREBASE_HELPER_H__
#include "firebase/admob/types.h"
#if (CC_TARGET_PLATFORM == CC_PLATFORM_ANDROID)
#include <jni.h>
#elif (CC_TARGET_PLATFORM == CC_PLATFORM_IOS)
extern "C" {
#include <objc/objc.h>
} // extern "C"
#endif
// Returns a variable that describes the ad parent for the app. On Android
// this will be a JObject pointing to the Activity. On iOS, it's an ID pointing
// to the root view of the view controller.
firebase::admob::AdParent getAdParent();
#endif // __FIREBASE_HELPER_H__
FirebaseHelper.cpp
#include "FirebaseHelper.h"
#if (CC_TARGET_PLATFORM == CC_PLATFORM_ANDROID)
#include "platform/android/jni/JniHelper.h"
#endif
USING_NS_CC;
firebase::admob::AdParent getAdParent() {
#if (CC_TARGET_PLATFORM == CC_PLATFORM_IOS)
// Returns the iOS RootViewController's main view (i.e. the EAGLView).
return (id)Director::getInstance()->getOpenGLView()->getEAGLView();
#elif (CC_TARGET_PLATFORM == CC_PLATFORM_ANDROID)
// Returns the Android Activity.
return JniHelper::getActivity();
#else
// A void* for any other environments.
return 0;
#endif
}
将此 FirebaseHelper 类添加到项目的 Classes/ 文件夹中。确保将此文件添加到适用于 iOS 的 Xcode 项目中,并为 Android 更新 Android.mk 中的本地源文件:
LOCAL_SRC_FILES := hellocpp/main.cpp \
../../../Classes/AppDelegate.cpp \
../../../Classes/HelloWorldScene.cpp \
../../../Classes/FirebaseHelper.cpp
加载横幅广告
以下示例完整地演示了如何使用上文定义的 getAdParent() 方法加载横幅广告。
#include "FirebaseHelper.h"
#include "firebase/admob.h"
#include "firebase/admob/types.h"
#include "firebase/app.h"
#include "firebase/future.h"
#include "firebase/admob/banner_view.h"
#if (CC_TARGET_PLATFORM == CC_PLATFORM_ANDROID)
#include <android/log.h>
#include <jni.h>
#include "platform/android/jni/JniHelper.h"
#endif
USING_NS_CC;
bool HelloWorld::init()
{
// General scene setup ...
#if defined(__ANDROID__)
// Android ad unit IDs.
const char* kBannerAdUnit = "ca-app-pub-3940256099942544/6300978111";
#else
// iOS ad unit IDs.
const char* kBannerAdUnit = "ca-app-pub-3940256099942544/2934735716";
#endif
// Create and initialize banner view.
firebase::admob::BannerView* banner_view;
banner_view = new firebase::admob::BannerView();
firebase::admob::AdSize ad_size;
ad_size.ad_size_type = firebase::admob::kAdSizeStandard;
ad_size.width = 320;
ad_size.height = 50;
banner_view->Initialize(getAdParent(), kBannerAdUnit, ad_size);
// Schedule updates so that the Cocos2d-x update() method gets called.
this->scheduleUpdate();
return true;
}
void HelloWorld::update(float delta) {
// Check that the banner has been initialized.
if (banner_view->InitializeLastResult().status() ==
firebase::kFutureStatusComplete) {
// Check that the banner hasn't started loading.
if (banner_view->LoadAdLastResult().status() ==
firebase::kFutureStatusInvalid) {
// Make the banner visible and load an ad.
CCLOG("Loading a banner.");
banner_view->Show();
firebase::admob::AdRequest my_ad_request = {};
banner_view->LoadAd(my_ad_request);
}
}
}