如何在Cocos2d-x中集成安卓版微信SDK

谁借莪１个温暖的怀抱￠ 2022-06-17 07:24 118阅读 0赞

本文转载于:http://www.cocoachina.com/bbs/read.php?tid=224616

1.概述

微信的火热程度已不必说了，如果能在Cocos2d-x中集成微信SDK，让游戏能分享给好友或者朋友圈，那对游戏推广将会是非常有利的。好了，本文就是手把手地教大伙如何在Cocos2d-x中集成微信SDK。  
  
先看下效果  
  
分享给好友，点击即可跳转链接：  
  
![41_300874_b19efe95b83bc77.png][]    
分享到朋友圈，点击即可跳转链接：  
  
![41_300874_f22953da7c895f5.png][]    
  
2.环境

*  OS: Mac OSX
 *  IDE: Xcode v5.11 and Eclipse ADT v22.3
 *  Android SDK:4.3
 *  Adnroid NDK:r9d
 *  Cocos2d-x 3.2release

3.创建Cocos2d-x工程  
  
这里不再详述，网上的资料多如牛毛了。这里我按自己习惯的方式来。  
  
（1）命令行创建Cocos2dxWechat项目

（2）交叉编译生成so文件

（3）导入Eclipse生成APK  
导入libcocos2dx项目和Cocos2dxWechat项目到Eclipse中。在真机中成功运行Cocos2dxWechat.apk。  
  
4.申请创建微信应用  
  
这一步主要是在微信开放平台上申请创建移动应用，获取AppID。微信开放平台的网址是： [https://open.weixin.qq.com/][https_open.weixin.qq.com]  
  
（1）注册帐号，进入管理中心，点击创建移动应用。  
  
（2）第一步是填写应用名，描述，图标等等。如下图。  
  
![41_300874_59b49ea55db2d91.png][]    
（3）填写应用官网，勾选Android应用，填写签名，包名等等。如下图。  
  
![41_300874_221f93229310ba6.png][]    
注意：  
  
这里需要特别注意的是应用签名这一项。在第三步的时候，真机中成功运行Cocos2dxWechat.apk之后，我们需要从微信开放平台下载一个签名生成软件GenSignature（[资源下载->Android资源下载][-_Android]）。  
  
安装签名生成后，打开软件输入游戏包名获取即可。  
  
![41_300874_3c5917ea5d0e353.png][]    
这里的签名和游戏的包名和keystore是相关联的，如果修改了包名或者更换了keystore，必须同步更新微信开放平台管理中心的信息，防止失效。本示例采用的是debug签名。在完成以上工作后，提交审核即可。说是7天，实际上一般1～2天就审核过了。  
  
5.集成微信SDK  
  
刚才都是铺垫，这里开始才是进入主题了。要在Cocos2d-x调用微信安卓SDK，Jni跑不掉的。这里只演示如何进行分享到朋友圈和分享给好友，微信SDK还有很多高级的功能，如支付，收藏等等接口，有需要自行 [参考文档（移动应用开发）][-_Android] 进行开发。  
  
这里主要分成3部分来解释：

*  微信SDK下载，jar包导入
 *  Android代码
 *  C++代码

（1）下载微信SDK  
  
[资源下载->Android资源下载][-_Android]  
  
（2）打开下载的Android\_SDK.zip。解压，将lib目录下的wechat-sdk-android-with-meta-1.1.7.jar拷到Cocos2dxWechat项目下的libs目录。  
  
（3）右键单击工程，选择Build Path中的Configure Build Path...，选中Libraries这个tab，并通过Add Jars...导入工程libs目录下的wechat-sdk-android-with-meta-1.1.7.jar文件。  
  
 ![Center][]

（4）在AppActivity中添加成员变量

//APP_ID 替换为你的应用从官方网站申请到的合法appId
    	private static final String APP_ID = "wxa89a9535d05c0b22";
    	
    	//IWXAPI 是第三方app和微信通信的openapi接口
    	private static IWXAPI api;
    	
    	//类静态实例，为了方便后面静态函数的调用
    	private static AppActivity context;

（5）注册到微信

打开AppActivity，在onCreate()中调用regToWX()注册到微信

@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		// TODO Auto-generated method stub
    		super.onCreate(savedInstanceState);
    		Log.v("onCreate", "AppActivity onCreate");
    		context = this;
    		regToWX();
    	}
    	
    	private void regToWX() {
    		api = WXAPIFactory.createWXAPI(this, APP_ID, true);
    		api.registerApp(APP_ID);
    	}

（6）由于这里采用的分享示例传递了一张icon，所以需要额外的一个bitmap的解析类Util类，这个类可以到微信官方SDK demo下载，也可以在本示例中下载（早期的SDK版本这个类是集成在微信SDK中）。icon放在res目录下的drawable目录，我这里偷个懒直接使用了应用icon。

（7）分享给好友

private static void sendMsgToFriend() {
    		Log.v("sendMsgToFriend", "AppActivity sendMsgToFriend");
    		if(api.openWXApp()) {
    			WXWebpageObject webpage = new WXWebpageObject();
    			webpage.webpageUrl = "http://www.baidu.com";
    			WXMediaMessage msg = new WXMediaMessage(webpage);
    			msg.title = "Title";
    			msg.description = "Description";
    			
    			Bitmap thumb = BitmapFactory.decodeResource(context.getResources(), R.drawable.icon);
    			msg.thumbData = Util.bmpToByteArray(thumb, true);
    			
    			SendMessageToWX.Req req = new SendMessageToWX.Req();
    			req.transaction = buildTransaction("webpage");
    			req.message = msg;
    			req.scene = SendMessageToWX.Req.WXSceneSession;
    			api.sendReq(req);
    		} else {
    			Toast.makeText(context, "未安装微信", Toast.LENGTH_LONG).show();
    		}
    	}

（8）分享到朋友圈

private static void sendMsgToTimeLine() {
    		Log.v("sendMsgToTimeLine", "AppActivity sendMsgToTimeLine");
    		if(api.openWXApp()) {
    			if(api.getWXAppSupportAPI() >= 0x21020001) {
    				WXWebpageObject webpage = new WXWebpageObject();
    				webpage.webpageUrl = "http://www.baidu.com";
    				WXMediaMessage msg = new WXMediaMessage(webpage);
    				msg.title = "Title";
    				msg.description = "Description";
    				
    				Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.icon);
    				msg.thumbData = Util.bmpToByteArray(bitmap, true);
    				
    				SendMessageToWX.Req req = new SendMessageToWX.Req();
    				req.transaction = buildTransaction("webpage");
    				req.message = msg;
    				req.scene = SendMessageToWX.Req.WXSceneTimeline;
    				api.sendReq(req);
    			} else {
    				Toast.makeText(context, "微信版本过低", Toast.LENGTH_SHORT).show();
    			}
    		} else {
    			Toast.makeText(context, "未安装微信", Toast.LENGTH_LONG).show();
    		}
    	}

其中buildTransaction()用于生成一个唯一的会话标识符。

private static String buildTransaction(final String type) {
    		return (type == null) ? String.valueOf(System.currentTimeMillis()) : type + System.currentTimeMillis();
    	}

代码不难，所以不再逐行解释，可以参考 [SDK文档][SDK] 。  
  
（9）JNI调用

在Classes目录下新建一个WeixinShare类，主要包含2个静态函数：

#include "WeixinShare.h"
    #if (CC_TARGET_PLATFORM== CC_PLATFORM_ANDROID)
    #include "platform/android/jni/JniHelper.h"
    #endif
    USING_NS_CC;
    void WeixinShare::sendToFriend()
    {
    #if (CC_TARGET_PLATFORM== CC_PLATFORM_ANDROID)//判断当前是否为Android平台
    JniMethodInfo minfo;
    
    bool isHave= JniHelper::getStaticMethodInfo(minfo,"org/cocos2dx/cpp/AppActivity","sendMsgToFriend","()V");
    
    if (!isHave){
    log("jni:sendMsgToTimeLine is null");
    }else{
    //调用此函数
    minfo.env->CallStaticVoidMethod(minfo.classID, minfo.methodID);
    }
    #endif
    }
    
    void WeixinShare::sendToTimeLine()
    {
    #if (CC_TARGET_PLATFORM== CC_PLATFORM_ANDROID)//判断当前是否为Android平台
    JniMethodInfo minfo;
    
    bool isHave= JniHelper::getStaticMethodInfo(minfo,"org/cocos2dx/cpp/AppActivity","sendMsgToTimeLine","()V");
    
    if (!isHave){
    log("jni:sendMsgToTimeLine is null");
    }else{
    //调用此函数
    minfo.env->CallStaticVoidMethod(minfo.classID, minfo.methodID);
    }
    #endif
    }

（10）Cocos2d-x使用

这个就比较简单了，只要包含这个WeixinShare类，调用这两个静态函数即可。

void HelloWorld::menuCloseCallback(Ref*pSender)
    {
    #if (CC_TARGET_PLATFORM==CC_PLATFORM_ANDROID)
    WeixinShare::sendToFriend();
    //WeixinShare::sendToTimeLine();
    #endif
        
    }

（11）Android.mk的修改  
最后不要忘记修改Android.mk文件。

<table style="outline:none; border-collapse:collapse; width:1316px; color:rgb(51,51,51); font-family:&quot;Helvetica Neue&quot;,Helvetica,STheiti,微软雅黑,黑体,Arial,Tahoma,sans-serif,serif; font-size:14px"> 
 <tbody style="outline:none"> 
  <tr style="outline:none"> 
   <td style="outline:none; margin:0px; padding:0px; word-break:break-all; word-wrap:break-word"> 
    <div style="outline:none; margin:0px; padding:0px; word-break:break-all; word-wrap:break-word; clear:both; font-size:0px; line-height:0px; font-family:Arial; overflow:hidden; height:0px; width:0px"> 
    </div> <span style="outline:none; font-size:11px"><a style="outline:none; color:rgb(0,112,175); margin:0px; padding:0px" rel="nofollow">复制代码</a></span> 
    <div style="outline:none; margin:0px; padding:0px 0px 0px 2em; word-break:break-all; word-wrap:break-word; border-width:1px; border-style:solid; border-color:rgb(192,192,192) rgb(237,237,237) rgb(237,237,237) rgb(192,192,192); line-height:2em; overflow:hidden"> 
     <ol style="outline:none; margin:0px 0px 0px 1.5em; padding:0px; list-style-position:initial"> 
      <li style="outline:none; margin:0px; padding:0px 1em 0px 10px; list-style:decimal; border-left:1px solid rgb(204,204,204); background:rgb(247,247,247)"> LOCAL_SRC_FILES := hellocpp/main.cpp \</li> 
      <li style="outline:none; margin:0px; padding:0px 1em 0px 10px; list-style:decimal; border-left:1px solid rgb(204,204,204); background:rgb(247,247,247)"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;../../Classes/AppDelegate.cpp \</li> 
      <li style="outline:none; margin:0px; padding:0px 1em 0px 10px; list-style:decimal; border-left:1px solid rgb(204,204,204); background:rgb(247,247,247)"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;../../Classes/HelloWorldScene.cpp \</li> 
      <li style="outline:none; margin:0px; padding:0px 1em 0px 10px; list-style:decimal; border-left:1px solid rgb(204,204,204); background:rgb(247,247,247)"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;../../Classes/<span style="color:rgb(51,51,51); font-family:&quot;Helvetica Neue&quot;,Helvetica,STheiti,微软雅黑,黑体,Arial,Tahoma,sans-serif,serif; font-size:14px"><span style="color:rgb(51,51,51); font-family:&quot;Helvetica Neue&quot;,Helvetica,STheiti,微软雅黑,黑体,Arial,Tahoma,sans-serif,serif; font-size:14px">WeixinShare</span></span>.cpp</li> 
     </ol> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

（12）重新交叉编译，打包为APK即可  
  
6.总结  
  
本文写的比较详细，但是也忽略了比如如何接收微信的请求及返回值的说明以及如何进行混淆等等，算是一个初级教程吧。主要是面向对jni调用，第三方安卓sdk集成不太了解的朋友。这里虽然只是针对微信sdk的部分功能集成进行说明，但是道理都是共通的，如何集成微博分享，如何集成第三方广告等等，用类似的方法都可以实现。

[41_300874_b19efe95b83bc77.png]: /images/20220617/ec84b527f01b4ca2bc254ab488677d05.png
[41_300874_f22953da7c895f5.png]: /images/20220617/c991aae3b3074694b0c77974788a167a.png
[https_open.weixin.qq.com]: https://open.weixin.qq.com/
[41_300874_59b49ea55db2d91.png]: /images/20220617/8cd32ef1d1f44bb2b782d025ce1f6d19.png
[41_300874_221f93229310ba6.png]: /images/20220617/ca844ac190cf4878b29eb30c1a77a1b3.png
[-_Android]: https://open.weixin.qq.com/cgi-bin/frame?t=resource/res_main_tmpl&verify=1&lang=zh_CN&token=2788af648d5164d0feec470a8bfd42f9833ae887
[41_300874_3c5917ea5d0e353.png]: /images/20220617/31ce010e157e4d02bd16c7edba09f734.png
[Center]: /images/20220617/ab92348117f44d6ca02b53c520f79fd6.png
[SDK]: https://open.weixin.qq.com/zh_CN/htmledition/res/dev/document/sdk/android/index.html