本文共 1741 字，大约阅读时间需要 5 分钟。

CocosCreator JSB学习：JavaScript/TypeScript调用C++函数（下篇）

第二部分：绑定

在为CocosCreator项目集成原生C++函数之前，我们需要完成一些基础配置和准备工作。以下是具体操作步骤：

1. 设置开发环境

首先确保自身环境配置完成： - 免费下载并安装最新版本的CocosCreator IDE。 - 配置好原生开发环境： * Android：设置Android NDK和SDK路径。 * Windows：设置Visual Studio工具链。

2. 创建项目

新建一个名为“JsbTest”的新项目，选择“Android”平台进行构建。构建完成后，项目结构会生成环境依赖文件：

文件结构示例： build 文件夹下会出现类似下面的结构： └── frameworks     ├── runtime-src         ├── Classes         ├── proj.win32

3. 生成JSB脚本

编写C++代码以实现接口绑定。创建两个文件： - JsbTest.h：声明类及其方法。 - JsbTest.cpp：实现类方法，输出测试信息。

文件内容示例： JsbTest.h:

#include "JsbTest.h"
class JsbTest {
public:
    static void showSuccessMsg();
};
#endif

JsbTest.cpp:

#include "JsbTest.h"
#include 
   
    
using namespace std;
class JsbTest {
public:
    static void showSuccessMsg() {
        cout << "jsbTest: jsbinding succeed ! oh yeah!" << endl;
    }
};
   

4. 生成JS绑定脚本

接下来，我们需要生成JS脚本以实现函数绑定。在项目根目录下找到并运行genbindings.py： - 打开文件后，确认脚本的“default_bindings.py”中添加绑定规则。 - 找到需要绑定的C++类及其方法，并添加到.setModelFile中。

示例绑定配置： ```python # 结合项目考{JsbTest} (R();"com.example.JsbTest").addSuffix("Auto"); ```

5. 运行脚本生成器

运行脚本后，生成绑定文件会出现在： jsbind/automat/JsbTest_automat.js

6. 处理文件路径

将生成的C++源文件和头文件复制到项目的正确目录中： - bucket_frame/runtime-src/Classes 区存放C++源文件。 - 确保调试模式下的依赖文件路径正确，以避免文件无法找到错误。

7. 配置Visual Studio项目

在Visual Studio中： 1. 打开项目文件，找到hello_world.vcxproj。 2. 添加C++项目中的新文件： - JsbTest.h 和 JsbTest.cpp ，选择已有的项目文件添加。 3. 右键项目下的“libjscocos2d”：选择属性 -> 符号 -> #include 路径，添加正确的路径： - $(EngineRoot)..\runtime-src\Classes

8. 测试与运行

在 AppDelegate.cpp 文件中添加绑定调用： ```cpp // 在需要的地方添加 ccc::sc->addRegisterCallback(register_all_JsbTest); ```

构建项目并运行，确保调试窗口中无报错。如果遇到头文件无法找到的问题，检查路径是否正确添加。

最终目标是实现在CocosCreator中从JavaScript/TypeScript调用C++层功能。完成以上步骤后，可以通过调试模式运行查看效果。

欧耶！绑定成功啦

以上就是详细的CocosCreator JSB绑定步骤，从配置环境到项目集成，再到编码与调试。希望这个教程能帮到你，欢迎留言反馈！