前言
最近我嘗試開發一個基于cocos2d的工具。之前在Win32工具中集成的調試輔助工具直接使用了Windows API，擴展起來非常麻煩。此外，Windows默認使用寬字符集，而cocos2d與lua交互時需要轉換為UTF-8，過程十分繁瑣。因此，我決定一次性解決這個問題。
與其他工具相比，qt更為簡單，且支持跨平臺。雖然本工具主要針對Windows，但為了擴展方便，直接將其設計為webview是個不錯的選擇。幸運的是，Qt內置了webkit組件，可以直接使用。
初識Qt
這是我第一次接觸Qt，之前只是聽說過，沒有實際使用過。初次使用后，感覺還是相當簡單的。以下是我遇到的一些問題：
- Qt的主循環必須在主線程中運行。將其放在子線程會導致消息無法觸發。雖然我覺得這點難以理解，但事實如此。由于cocos2d沒有提供類似于渲染一幀的接口，我不得不使用多線程來解決這個問題。即：Qt主循環在主線程，cocos2d在子線程。
- Qt自定義了消息傳遞方式，即信號（signal）和槽（SLOT）。需要支持信號和槽的類必須在.h文件中添加Q_OBJECT宏。注意，必須在.h文件中添加，.cpp文件中無效。聲明信號和槽時，槽需要自己實現，而信號的代碼將由Qt的mocker工具生成。Qt的工具做得相當不錯。
- Qt實現了一套對象管理模式，默認對象都是全局的QApplication的子節點，刪除父節點時子節點也會被刪除。需要特別注意與其他對象管理方式混用的問題。我之前因為使用了STL的shared_ptr來管理自定義對象，由于全局對象析構時不保證順序，導致shared_ptr在QApplication之后析構時，程序退出時可能會崩潰。
- 將c++函數和對象綁定到Webkit的方式也很簡單，只需聲明為Q_INVOKABLE即可。雖然提供的訪問腳本層的接口功能不太強大，但已經足夠使用。
為了方便繼承，可以將接口導出為C接口，然后在C++中加載并添加回調。由于Webkit默認不允許主動打開本地磁盤文件，我還增加了讀取本地文件的接口。
#ifdef _MSC_VER #define DEBUGER_EXPORT __declspec(dllexport) #define DEBUGER_IMPORT __declspec(dllimport) #else #define DEBUGER_EXPORT __attribute__((visibility("default"))) #define DEBUGER_IMPORT __attribute__((visibility("default"))) #endif #pragma comment(lib, "debuger.lib") extern "C" { typedef void(*debuger_js_fn)(const char **, size_t*, size_t, char**, size_t*); DEBUGER_IMPORT void debuger_init_app(int argc, char** argv); DEBUGER_IMPORT int debuger_exec(int(*fn)(int, char**), void(*exit_fn)()); DEBUGER_IMPORT void debuger_exit(int code); DEBUGER_IMPORT void debuger_open_local_file(const char* path, size_t len); DEBUGER_IMPORT void debuger_open_url(const char* path, size_t len); DEBUGER_IMPORT void debuger_get_charset(char* name, size_t len); DEBUGER_IMPORT void debuger_set_charset(const char* name); DEBUGER_IMPORT void debuger_eval(const char* code, size_t len, char* ret, size_t* ret_len); DEBUGER_IMPORT void debuger_invoke(const char* name, debuger_js_fn fn); <pre class="brush:php;toolbar:false">// 注冊的回調函數 static void debuger_invoke_run_code(const char ** argv, size_t* argv_len, size_t argc, char** ret, size_t* ret_len) { if (argc > 0) { const char* code = argv[0]; addPendingCode(code); } } // 初始化注冊 void CommandWindow::init(int argc, char** argv) { cmd_argc_ = argc; cmd_argv_ = argv; // 初始化 debuger_init_app(cmd_argc_, cmd_argv_); // 打開本地web頁 debuger_open_local_file("../proj.win32/debuger.webview/index.html", 0); // debuger_open_url("http://www.baidu.com", 0); // 函數注入 debuger_invoke("run_code", debuger_invoke_run_code); }
}
接下來，只需導入一個Web組件即可完成。我導入了jquery、jQuery ui和codemirror。唯一需要注意的是，由于Qt線程和cocos2d處于不同線程，需要注意多線程安全。
完成后，可以通過編寫Web頁面來創建客戶端工具，比使用C++方便得多。效果如下：
點擊“執行腳本”按鈕，將會執行上面注入的debuger_invoke_run_code函數。非常棒吧。
所有代碼已托管在：https://www.php.cn/link/007f1041969194e99b73e4e5fac7396f。
