cocos2d-js 3.0 RC0 手动绑定 C++调用js，js调用C++ jsb

1 JS调用C++

3.0中写这个绑定比较简单，跟ANE调用java如出一辙，一个jscontext，一个jsval，使用cocos2d提供的c++和js变量转换的函数做好转换即可。

cocos2d-js原来就定义好了代码风格：

复制代码

sc->addRegisterCallback(MinXmlHttpRequest::_js_register);

sc->addRegisterCallback(register_jsb_websocket);

sc->addRegisterCallback(register_jsb_socketio);

#if (CC_TARGET_PLATFORM == CC_PLATFORM_ANDROID)

sc->addRegisterCallback(JavascriptJavaBridge::_js_register);

#endif

sc->addRegisterCallback(register_jsb_kenko_all);

sc->start();

复制代码

我们也顺着这个风格，添加一个函数：register_jsb_kenko_all，这是一个全局函数。

复制代码

jsb_kenko_auto.h

#ifndef jsb_jsb_kenko_auto_h

#define jsb_jsb_kenko_auto_h

#include "cocos2d.h"

std::string os_info();

bool jsb_os_info(jscontext *cx,uint32_t argc,JS::Value *vp);

bool jsb_callback(jscontext *cx,JS::Value *vp);

void register_jsb_kenko_all(jscontext* cx,JSObject* obj);

#endif

复制代码

复制代码

jsb_kenko_auto.cpp

#include "jsb_kenko_auto.h"

#include "cocos2d_specifics.hpp"

std::string os_info() {

cclOG("it's c++ os_info here");

return "os_info";

}

bool jsb_os_info(jscontext *cx,JS::Value *vp) {

jsval ret = std_string_to_jsval(cx,os_info());

JS_SET_RVAL(cx,vp,ret);

return true;

}

void register_jsb_kenko_all(jscontext *cx,JSObject *obj) {

JS_DefineFunction(cx,obj,"osInfo",jsb_os_info,0); //生成名为osInfo的js全局函数

}

复制代码

把h和cpp文件都放到AppDelegate.cpp同一个地方。上述的c++代码会在spidermonkey运行环境中生成相应的js接口，所以，我们不需要自己额外写对应的js接口。

然后就可以写js代码试试了。从运行结果可以看到，js调用成功，并获取到返回值。

复制代码

cc.game.onStart = function(){

cc.view.setDesignResolutionSize(800,450,cc.ResolutionPolicy.SHOW_ALL);

cc.view.resizeWithbrowserSize(true);

cc.director.runScene(new MainScene());

cc.log("js get from c++: " + osInfo());

};

cc.game.run();

复制代码

2 C++回调

关键在于使用Scriptingcore提供的方法，调用js。首先来看看Scriptingcore的源代码，都有些什么方法可以用。

executeFunctionWithOwner可以实现类似cc.sprite之类的c++对象和js对象的调用，没有深究。这里演示的是如何做全局调用。

evalString对任何一个前端开发来说都不会太陌生，毕竟这里不是 浏览器，排除各种乱七八糟的安全问题，我们直接用这个函数。

复制代码

/**

@brief Execute a scripted global function.

@brief The function should not take any parameters and should return an integer.

@param functionName String object holding the name of the function,in the global script environment,that is to be executed.

@return The integer value returned from the script function.

*/

virtual int executeGlobalFunction(const char* functionName) { return 0; }

virtual int sendEvent(cocos2d::ScriptEvent* message) override;

virtual bool parseConfig(ConfigType type,const std::string& str) override;

virtual bool handleAssert(const char *msg) { return false; }

virtual void setCalledFromScript(bool callFromScript) { _callFromScript = callFromScript; };

virtual bool isCalledFromScript() { return _callFromScript; };

bool executeFunctionWithObjectData(void* nativeObj,const char *name,JSObject *obj);

bool executeFunctionWithOwner(jsval owner,uint32_t argc = 0,jsval* vp = NULL,jsval* retVal = NULL);

void executeJSFunctionWithThisObj(jsval thisObj,jsval callback,jsval* retVal = NULL);

/**

* will eval the specified string

* @param string The string with the javascript code to be evaluated

* @param outVal The jsval that will hold the return value of the evaluation.

* Can be NULL.

*/

bool evalString(const char *string,jsval *outVal,const char *filename = NULL,jscontext* cx = NULL,JSObject* global = NULL);

复制代码

修改jsb_kenko_auto.cpp：

复制代码

#include "jsb_kenko_auto.h"

#include "cocos2d_specifics.hpp"

std::string os_info() {

cclOG("it's c++ os_info here");

return "os_info";

}

bool jsb_callback(jscontext *cx,JS::Value *vp) {

cclOG("it's c++ testCallback here");

jscontext* jc = Scriptingcore::getInstance()->getGlobalContext();

// 注释部分适合有对象化的调用

// 参考：http://www.tairan.com/archives/4902

//jsval v[2];

//v[0] = int32_to_jsval(jc,32);

//v[1] = int32_to_jsval(jc,12);

// 通过 Scriptingcore 封装好的方法实现回调，可以帮助我们节省很多细节上的研究

//js_proxy_t * p = jsb_get_native_proxy();

//return Scriptingcore::getInstance()->executeFunctionWithOwner(OBJECT_TO_JSVAL(p->obj),"cpp_callback",2,v); //2是参数个数，v是参数列表

//找到一个更适合全局函数的方法

jsval ret;

return Scriptingcore::getInstance()->evalString("cpp_callback(2,3)",&ret);

}

bool jsb_os_info(jscontext *cx,0);

JS_DefineFunction(cx,"test_cpp_callback",jsb_callback,0);

}

复制代码

相应在js侧添加一个全局函数，给c++调用。

复制代码

cc.game.onStart = function(){

cc.view.setDesignResolutionSize(800,cc.ResolutionPolicy.SHOW_ALL);

cc.view.resizeWithbrowserSize(true);

cc.director.runScene(new MainScene());

cc.log("js get from c++: " + osInfo());

test_cpp_callback();

};

cc.game.run();

function cpp_callback(a,b) {

cc.log("cpp return two integer: " + a + " " + b);

}

3 各种变量转换函数

都在js_manual_conversions.h这里了，真是应有尽有。下边只列出一部分。

复制代码

bool jsval_to_ushort( jscontext *cx,jsval vp,unsigned short *ret );

bool jsval_to_int32( jscontext *cx,int32_t *ret );

bool jsval_to_uint32( jscontext *cx,uint32_t *ret );

bool jsval_to_uint16( jscontext *cx,uint16_t *ret );

bool jsval_to_long( jscontext *cx,long *out);

bool jsval_to_ulong( jscontext *cx,unsigned long *out);

bool jsval_to_long_long(jscontext *cx,jsval v,long long* ret);

bool jsval_to_std_string(jscontext *cx,std::string* ret);

jsval int32_to_jsval( jscontext *cx,int32_t l);

jsval uint32_to_jsval( jscontext *cx,uint32_t number );

jsval ushort_to_jsval( jscontext *cx,unsigned short number );

jsval long_to_jsval( jscontext *cx,long number );

jsval ulong_to_jsval(jscontext* cx,unsigned long v);

jsval long_long_to_jsval(jscontext* cx,long long v);

jsval std_string_to_jsval(jscontext* cx,const std::string& v);