प्रोटोबॉफ़ या JSON संरचित फ्रंट-एंड संचार प्रोटोकॉल?

बैकएंड के बारे में

सीमा के बारे में

समस्या

1. प्रोटोकॉल बफ़र्स
2. फ्रंट के लिए सर्वर-साइड जेएस डीटीओ ऑटो-पीढ़ी, इन डीटीओ में आगे JSON प्रसंस्करण के साथ।

1. पहले से ही एक कार्यात्मक है जो कई प्लेटफार्मों के लिए पीएचपी और जेएस के लिए वर्णित संरचनाओं को संकलित करता है।
2. निर्मित संरचनाओं के लिए एक प्रलेखन जनरेटर है
3. आप संरचनाओं के लिए आसानी से कुछ संस्करण बना सकते हैं।
4. PHP और JS दोनों में रिफैक्टरिंग करने पर ऑब्जेक्ट्स की खोज सुगम हो जाती है।
5. और यदि आवश्यक हो तो अन्य चिप्स जैसे जीआरपीसी आदि।

बात करना बंद करो, चलो देखते हैं कि यह सब कैसे दिखता है

syntax = "proto3";

package api;

import "price.proto";

message Product {
    message Id {
        uint32 value = 1;
    }
    Id id = 1;
    string name = 2;
    string text = 3;
    string url = 4;
    Price price = 5;
}

syntax = "proto3";
package api;

message Price {
    float value = 1;
    uint32 tax = 2;
}

syntax = "proto3";

package api;

import "product.proto";

service ApiService {
    rpc getById (Product.Id) returns (Product);
}

./protoc --proto_path=/Users/user/dev/habr_protobuf/public/proto --js_out=import_style=commonjs,binary:/Users/user/dev/habr_protobuf/src/proto/ /Users/user/dev/habr_protobuf/public/proto/*.proto

import { Product } from '../proto/product_pb';

//         Product.Id
const instance = new Product.Id().setValue(12345);
let message = instance.serializeBinary();

let response = await fetch('http://localhost:3008/api/getById', {
    method: 'POST',
    body: message
});

let result = await response.arrayBuffer();

//     Product,   ,    , 
//      .
const data = Product.deserializeBinary(result);
console.log(data.toObject());

const express = require('express');
const cors = require('cors');

const app = express();
app.use(cors());

//           .
const Product = require('./src/proto/product_pb').Product;
const Price = require('./src/proto/price_pb').Price;

//    , .     .
app.use (function(req, res, next) {
  let data = [];
  req.on('data', function(chunk) {
    data.push(chunk);
  });
  req.on('end', function() {
    if (data.length <= 0 ) return next();
    data = Buffer.concat(data);
    console.log('Received buffer', data);
    req.raw = data;
    next();
  })
});

app.post('/api/getById', function (req, res) {
  //     Product.Id,   
  const prId = Product.Id.deserializeBinary(req.raw);
  const id = prId.toObject().value;

  //   " "      
  const product = new Product();
  product.setId(new Product.Id().setValue(id));
  product.setName('Sony PSP');
  product.setUrl('http://mysite.ru/product/psp/');

  const price = new Price();
  price.setValue(35500.00);
  price.setTax(20);

  product.setPrice(price);

  //       Product
  res.send(Buffer.from(product.serializeBinary()));
});

app.listen(3008, function () {
  console.log('Example app listening on port 3008!');
});

हमारे पास कुल क्या है

1. कई प्लेटफार्मों के लिए एक बार वर्णित संरचनाओं के आधार पर उत्पन्न वस्तुओं के रूप में सत्य का एक बिंदु।
2. कोई भ्रम नहीं है, ऑटो-जेनरेट किए गए HTML और बस देखने वाली .proto फ़ाइलों के रूप में दोनों में स्पष्ट प्रलेखन है।
3. हर जगह, विशिष्ट संस्थाओं के साथ, उनके संशोधनों आदि के बिना काम चल रहा है, (और हम सभी जानते हैं कि सामने वाला को प्यार करता है :))
4. इस प्रोटोकॉल के बहुत सुविधाजनक संचालन का आदान-प्रदान वेब सॉकेट पर किया जाता है।

   

Protobuf parsing

client
2.804999ms
1.8150000ms
0.744999ms
server
1.993ms
0.495ms
0.412ms

JSON

client
0.654999ms
0.770000ms
0.819999ms

server
0.441ms
0.307ms
0.242ms