cocosCreator中Protobuf的簡單使用
proto文件格式：
準(zhǔn)備工具：
- cocosCreator
- webStorm或者VSCode
- 安裝node.js
- 下載protobufjs6.8.6
步驟：
- 安裝protobufjs到全局
npm install -g protobufjs
使用npm install -g 參數(shù)將模塊安裝到全局，目的主要是方便使用protobufjs提供的pbjs命令行工具。pbjs可以將proto原文件轉(zhuǎn)換成json、js等，以提供不同的加載proto的方式，我們可以根據(jù)自己的實(shí)際情況選擇使用，還有pbts，用來將轉(zhuǎn)化后的js文件轉(zhuǎn)為ts - 找到下載的protobuf.js
文件在\nodejs\node_modules\protobufjs\dist中
把這個(gè)文件拖到Creator工程中并且導(dǎo)入為插件
-
在保存proto文件的目錄下打開命令行執(zhí)行如下命令
pro5.jpeg
pbjs -t static-module -w commonjs -o proto.js *.proto
這句代碼可以將文件中所有的.proto文件轉(zhuǎn)化為一個(gè)proto.js文件
-
然后把proto.js文件放入代碼目錄中
pro6.jpeg 修改proto.js中protobuf的引用：
因?yàn)閜rotobuf已經(jīng)被設(shè)置為插件了
- 如果想使用TS格式可以通過protobufjs6新功能來實(shí)現(xiàn)
執(zhí)行如下命令：
pbts -o proto.d.ts proto.js
注意：這里proto.d.ts一定要有.d
現(xiàn)在代碼目錄結(jié)構(gòu)的樣式就是這樣的
- 測試使用：
經(jīng)過測試在手機(jī)上也是可以正常運(yùn)行的
第二種方式：
由于現(xiàn)在工程中使用的TS，為了有更好的效果，所以還有另一種方式來依賴protobufjs6
1.安裝protobufjs到全局
npm install -g protobufjs
使用npm install -g 參數(shù)將模塊安裝到全局，目的主要是方便使用protobufjs提供的pbjs命令行工具。pbjs可以將proto原文件轉(zhuǎn)換成json、js等，以提供不同的加載proto的方式，我們可以根據(jù)自己的實(shí)際情況選擇使用，還有pbts，用來將轉(zhuǎn)化后的js文件轉(zhuǎn)為ts
- 打開工程目錄執(zhí)行命令行：
npm init
執(zhí)行后一路回車會(huì)在工程目錄下生成package.json
- 在工程目錄中執(zhí)行命令行：
npm install protobufjs
會(huì)生成protobufjs的依賴庫
4.在保存proto文件的目錄下打開命令行執(zhí)行如下命令
pbjs -t static-module -w commonjs -o proto.js *.proto
這句代碼可以將文件中所有的.proto文件轉(zhuǎn)化為一個(gè)proto.js文件
這個(gè)不用修改proto文件
6.如果想使用TS格式可以通過protobufjs6新功能來實(shí)現(xiàn)
執(zhí)行如下命令：
pbts -o proto.d.ts proto.js
注意：這里proto.d.ts一定要有.d
現(xiàn)在代碼目錄結(jié)構(gòu)的樣式就是這樣的
然后就可以使用了，而且代碼提示很友好~
如果有問題請參考這些網(wǎng)址：
http://www.itdecent.cn/p/1b90dd4bcb0a
