protoc -h

  --cpp_out=OUT_DIR           Generate C++ header and source.
  --csharp_out=OUT_DIR        Generate C# source file.
  --java_out=OUT_DIR          Generate Java source file.
  --js_out=OUT_DIR            Generate JavaScript source.
  --kotlin_out=OUT_DIR        Generate Kotlin file.
  --objc_out=OUT_DIR          Generate Objective-C header and source.
  --php_out=OUT_DIR           Generate PHP source file.
  --pyi_out=OUT_DIR           Generate python pyi stub.
  --python_out=OUT_DIR        Generate Python source file.
  --ruby_out=OUT_DIR          Generate Ruby source file.

let proto = require("../pb/conn.int_pb");

const protoObj = new proto.Image()//以 new 的方式创建
console.log(protoObj)//输出一个对象 可以看到有一个array属性 array: [] 其实所有的属性值就会放里面，没设置时是空的

//设置对应的属性 （自己确定好属性值的类型）
protoObj.setId('123')
protoObj.setWidth(88)
protoObj.setUrl('123')
console.log(protoObj)//可以看到设置的值 array: [ '123', 88, 88, '123' ]

const protoData = protoObj.serializeBinary()//加密
console.log(protoData)//一串Uint8Array数组值 protobuf 加密过后都是  Uint8Array 类型的数据

const newProtoObj = proto.Image.deserializeBinary(protoData)//解密 必须以对应的数据结构调用方法 传入数据
console.log(newProtoObj)//和 protoObj 数据就一样了 

console.log(newProtoObj.getId())// "123"
console.log(newProtoObj.getWidth())// 88
console.log(newProtoObj.getHeight())// 0 存在的属性 但是前面没有赋值
console.log(newProtoObj.getUrl())// "123"

console.log(newProtoObj.getThumbnailUrl())// "" 存在 但是前面没有赋值 是个空串
// console.log(newProtoObj.getTThumbnailUrl())//不存在的属性 报错 TypeError: newProtoObj.getTThumbnailUrl is not a function

//不存在的属性都会报错，存在的属性都会有对应的默认值
//可以看出来，默认是每个属性都有对应的 get、set方法


// 设置属性好像没有简便方法，我看了看编译出来的js文件，我没瞅见，但是获取有一个，就是 toObject

const jsObj = newProtoObj.toObject()//其实就是调用了一遍get方法

//会输出包含所有属性的一个js对象，没有设置的值就是默认值
console.log(jsObj)//直接输出jsObj { id: '123', width: 88, height: 0, url: '123', thumbnailUrl: '' }

// 自己写一个设置的方法
function formatSetStruct(structType, structData) {//传入需要的结构类型和对应数据
    const newStruct = new proto[structType]();
    for (let key in structData) {//遍历设置一遍就好
      if (Object.hasOwnProperty.call(structData, key)) {
        let setKey = "set" + key;
        newStruct[setKey](structData[key]);
      }
    }
    return newStruct.serializeBinary();//直接返回加密的数据
  }

  const testFormat = formatSetStruct('Image', {
    Id : '123123adas', //string 
    Width : 123, //int32 
    Height : 67, //int32 
    Url : '地址', //string 
    ThumbnailUrl : '缩略图地址', //string 
  })

  const testJsObj = proto.Image.deserializeBinary(testFormat).toObject()
  console.log(testJsObj)
//   {
//     id: '123123adas',
//     width: 123,
//     height: 67,
//     url: '地址',
//     thumbnailUrl: '缩略图地址'
//   }

  //但是有些特殊情况， proto里面设置的 userIds repeated string 到了js这边 就是 UserIdsList 了
  // userIds 属性映射为了 UserIdsList 需要自己处理

npm install -g browserify

browserify source_pb.js > im_sdk.js