Cocos2dJS 3.0 中通过JSB 使用 Sqlite3

1	`cocos new -p com.package.client -l js -d ./ projectName`

2.以下项目目录用${PROJECT} 代替指的是你创建项目时指定的路径

开始:

1，首先你需要在 Sqlite3 下载 sqlite3.h sqlite3.c这两个基础文件(如果不高兴下载的话后面我会把教程源码放上来)

2, 包装类选用我在基于 wrapper 的基础上修改了包装类加入平台初始化信息主要是处理Android目录权限的问题了

3，复制以上文件至Classes目录下在xcode中请加入至开发环境 Classes右键 Add Files To "${PROJECT_NAME}"
这个时候你的目录结构应该是这样的

4，测试下是否正常吧
4.1 请自行编辑一个sqlite.db文件或者可以把示例下载获取 project/res/data.db 文件放入${PROJECT} /res目录下
4.2 修改AppDelegate.cpp 在applicationDidFinishLaunching()里加入以下代码需要在AppDelegate.cpp里include SQLiteWrapper.h

1 2	`auto` `wrapper =` `new` `SQLiteWrapper();` `wrapper->initializing("data.db",` `"res", "”);`

4.3 运行项目吧
日志输出：
cocos2d: 数据库打开状态 1
恭喜你！！不过还没完下面是JSB

JSB准备：

* 参考文章 How to bind C++ to Javascript
* 上例部分仅供参考也就是说有部分已经不对了详情见下
1，下载 llvm-3.3 解压到 $HOME/bin 目录没有bin自行创建.
2，下载安装MacPorts http://www.macports.org/install.php
3，python插件支持如果你已经做了2 请直接在终端执行

1	`sudo` `port` `install` `python27 py27-yaml py27-cheetah`

4，下载android-ndk-r9b
如果以上你执行完成了并且放置的目录都清楚了 OK 下一步

JSB开始：

1，进入目录 ${PROJECT}/tools/bindings-generator/test
2，观察test例子一起开始AUTO JSB吧

3，首先建立目录 ${PROJECT}/tools/bindings-generator/test/sqlite_bindings 并复制SQLiteWrapper.h SQLiteWrapper.cpp sqlite3.h 至该目录就是我们想要进行绑定的类啦
4，修改userconf.ini
至 ${PROJECT}/tools/bindings-generator/test目录复制文件 userconf.ini.sample 并重命名为userconf.ini 修改userconf.ini 文件

  
         androidndkdir=/path/to/android-ndk   //你下载的ndk的路径
 clangllvmdir=/path/to/clang+llvm-3.3  //你下载的llvm-3.3路径
 cxxgeneratordir=${PROJECT}/tools/bindings-generator //这个你只需要指向到你的${PROJECT}/tools/bindings-generator目录下
   

5，修改user.cfg
至 ${PROJECT}/tools/bindings-generator/test 目录复制文件 user.cfg.sample 并重命名为user.cfg 修改user.cfg 文件

1	`PYTHON_BIN=/opt/local/bin/python //这里就是你的python安装目录里的python执行文件 which python目录也可`

6, 修改ini文件复制文件${PROJECT}/tools/bindings-generator/test/test.ini 粘贴并重命名 db.ini

下面是示例代码请同仁注意 #后面中文的那些修改然后改动至自己的db.ini上偷懒直接用也没问题本例中如可请用下面的

[testandroid]
name = sqlite_binding #
prefix = autogensqlitebindings#后缀
classes = SQLiteStatement SQLiteWrapper#绑定的类
 
 
android_headers = -I%(androidndkdir)s/platforms/android-14/arch-arm/usr/include -I%(androidndkdir)s/sources/cxx-stl/gnu-libstdc++/4.7/libs/armeabi-v7a/include -I%(androidndkdir)s/sources/cxx-stl/gnu-libstdc++/4.7/include
android_flags = -D_SIZE_T_DEFINED_
 
 
clang_headers = -I%(clangllvmdir)s/lib/clang/3.3/include
clang_flags = -nostdinc -x c++ -std=c++11
 
 
simple_test_headers = -I%(cxxgeneratordir)s/test/sqlite_binding#头文件
 
 
extra_arguments = %(android_headers)s %(clang_headers)s %(android_flags)s %(clang_flags)s %(simple_test_headers)s %(extra_flags)s
 
 
headers = %(cxxgeneratordir)s/test/sqlite_binding/SQLiteWrapper.h#头文件
 
 
target_namespace = sql#命名空间 指定了在JS端调用需要加入命名空间才能调用
remove_prefix =
skip = 
base_objects =
abstract_classes =
classes_have_type_info = no
rename =
rename_functions =
rename_classes =
# classes for which there will be no "parent" lookup
classes_have_no_parents =
 
 
# base classes which will be skipped when their sub-classes found them.
base_classes_to_skip =
 
 
# Determining whether to use script object(js object) to control the lifecycle of native(cpp) object or the other way around. Supported values are 'yes' or 'no'.
script_control_cpp = yes

7，复制 ${PROJECT}/tools/bindings-generator/test/test.sh 并重命名 db.sh 修改最后一行

1	`LD_LIBRARY_PATH=${CXX_GENERATOR_ROOT}/libclang $PYTHON_BIN ${CXX_GENERATOR_ROOT}/generator.py ${CXX_GENERATOR_ROOT}/test/db.ini -t spidermonkey -s testandroid -o ./auto_sqlite_bindings`

请注意题主只修改了2个地方一个指定db.ini 是generator.py 的入参一个指定输出目录 -o ./auto_sqlite_bindings

8，执行db.sh文件

如果报错

Fatal Error: NDK r9b must be required!	你可以手动export下例如 export NDK_ROOT=${NDK r9b的目录}
TranslationUnitLoadError: Error parsing translation unit.	请检查ini文件是否路径错误等等

9，如无错误那么好应该已经生成了JSB的文件了你应该会看到下图 名字的信息取决于你在db.ini prefix的定义



10，复制cpp hpp 文件到你的Classes目录下吧快快

11，注册JSB支持
11.1 修改AppDelegate 类引入
#include “autogensqlitebindings.hpp"
11.2 在AppDelegate 类 applicationDidFinishLaunching()方法中添加注册注意排队哦
sc->addRegisterCallback(register_all_autogensqlitebindings);

12，OK 现在我们可以在js里面愉快的使用sqlite了修改 app.js

  
 var HelloWorldLayer = cc.Layer.extend({
    sprite:null,
    ctor:function () {
        //////////////////////////////
        // 1. super init first
        this._super();
 
 
        //开始执行吧 少年们
        //只有在native才需要进行复制
        if(!cc.sys.isNative){
            cc.log("只能在Native下使用");
            return true;
        }
        this._db = new sql.SQLiteWrapper();
        this._dbPath = this._db.initializing("data.db","res","");
 
 
        this._isOpen = this._db.open(this._dbPath);
 
 
        cc.log("数据库打开结果:" + this._isOpen?"已打开...":"未打开...");
 
 
        if(this._isOpen){
            var st = this._db.statement("select * from equip");
 
 
            var ary = [];
            while(st.nextRow()){
                var equipVO = new CEquipVO();
                equipVO.wid = parseInt(st.valueString(0));
                equipVO.name = st.valueString(1);
                equipVO.desc = st.valueString(2);
                equipVO.level = st.valueString(3);
                equipVO.icon = st.valueString(4);
                equipVO.quality = st.valueString(5);
                ary.push(equipVO);
            }
 
 
            for(var vo in ary){
                cc.log("equipData:" + ary[vo].toString());
            }
        }
        return true;
    }
});
 
 
var HelloWorldScene = cc.Scene.extend({
    onEnter:function () {
        this._super();
        var layer = new HelloWorldLayer();
        this.addChild(layer);
    }
});
 
 
var CEquipVO = cc.Class.extend({
    wid:null,//like 10000001
    name:null,//like 银票
    level:null,//like 1
    type:null,//like 1
    price:null,//like 200
    stackCount:null,//like 99
    bind:null,//like 1
    desc:null,//like 加银两
    quality:null,//like 1
    icon:null,//like item/article/10000001.png
    toString:function(){
        return this.wid + " " + this.name + " " + this.level + " " + this.desc + " " + this.icon;
    }
});

13，在IOS虚拟机上跑下吧你能看到日志输出了哦

后语：

虽然我们在ios上实现了但是在android上我们还是要进行修改

1，修改 ${PROJECT}/frameworks/runtime-src/proj.android/jni/Android.mk文件

LOCAL_SRC_FILES := hellojavascript/main.cpp \
../../Classes/sqlite3.c  \
../../Classes/SQLiteWrapper.cpp  \
../../Classes/autogensqlitebindings.cpp  \
../../Classes/AppDelegate.cpp 

2，你通过cocos compile -p android 编译后使用Eclipse 愉快的调试吧
下图是我android上的调试哦

本教程主要是介绍JSB环境的使用包括后面接入SDK的时候等等都能跨端使用

下面是教程源码您只需自己在本地创建项目然后根据教程覆盖资源
jsbcenter.zip (4221 K) 下载次数:257

posted on 2017-09-02 10:47 &大飞阅读(857) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

大飞

Cocos2dJS 3.0 中通过JSB 使用 Sqlite3

导航

公告

大飞

Cocos2dJS 3.0 中 通过JSB 使用 Sqlite3

导航

公告

Cocos2dJS 3.0 中通过JSB 使用 Sqlite3