>웹 프론트엔드 >JS 튜토리얼 >RPC란 무엇입니까? 노드에서 RPC 통신을 구현하는 방법에 대해 이야기해 보겠습니다.

RPC란 무엇입니까? 노드에서 RPC 통신을 구현하는 방법에 대해 이야기해 보겠습니다.

青灯夜游
青灯夜游앞으로
2022-11-03 20:21:382018검색

RPC란 무엇입니까? 노드에서 RPC 통신을 구현하는 방법에 대해 이야기해 보겠습니다.

【관련 튜토리얼 추천: nodejs 동영상 튜토리얼

RPC란 무엇인가요?

RPC: 원격 프로시저 호출은 원격 프로시저 호출을 의미합니다. 즉, 두 개의 서버 A와 B가 있습니다. 서버 A에 애플리케이션이 배포됩니다. 서버에서 애플리케이션이 제공하는 함수/메서드를 호출하려는 경우 B, 동일한 메모리 공간에 있지 않기 때문에 직접 호출할 수 없으며 호출의 의미와 호출의 데이터를 네트워크를 통해 표현해야 합니다.

서버 간 통신

RPC vs HTTP

같은 점

  • 은 두 컴퓨터 간의 네트워크 통신입니다. Ajax는 브라우저와 서버 간의 통신이고, RPC는 서버와 서버 간의 통신
  • 양쪽이 데이터 형식에 동의해야 합니다

Differences

  • 주소 지정 서버가 다릅니다

ajax는 주소 지정 서비스로 DNS를 사용하여 도메인 이름에 해당하는 IP 주소를 얻은 후 브라우저가 IP 주소를 얻은 후 데이터를 얻기 위해 요청을 보냅니다. ajax 是使用 DNS作为寻址服务获取域名所对应的ip地址,浏览器拿到ip地址之后发送请求获取数据。

RPC一般是在内网里面相互请求,所以它一般不用DNS做寻址服务。因为在内网,所以可以使用规定的id或者一个虚拟vip,比如v5:8001,然后到寻址服务器获取v5所对应的ip地址。

  • 应用层协议不同

ajax使用http协议,它是一个文本协议,我们交互数据的时候文件格式要么是html,要么是json对象,使用json的时候就是key-value的形式。

RPC采用二进制协议。采用二进制传输,它传输的包是这样子的[0001 0001 0111 0110 0010],里面都是二进制,一般采用那几位表示一个字段,比如前6位是一个字段,依次类推。

这样就不需要http传输json对象里面的key,所以有更小的数据体积。

因为传输的是二进制,更适合于计算机来理解,文本协议更适合人类理解,所以计算机去解读各个字段的耗时是比文本协议少很多的。

RPC采用二进制有更小的数据体积,及更快的解读速度。

  • TCP通讯方式
  • 单工通信:只能客户端给服务端发消息,或者只能服务端给客户端发消息

  • 半双工通信:在某个时间段内只能客户端给服务端发消息,过了这个时间段服务端可以给客户端发消息。如果把时间分成很多时间片,在一个时间片内就属于单工通信

  • 全双工通信:客户端和服务端能相互通信

选择这三种通信方式的哪一种主要考虑的因素是:实现难度和成本。全双工通信是要比半双工通信的成本要高的,在某些场景下还是可以考虑使用半双工通信。

ajax是一种半双工通信。http是文本协议,但是它底层是tcp协议,http文本在tcp这一层会经历从二进制数据流到文本的转换过程。

理解RPC只是在更深入地理解前端技术。

buffer编解码二进制数据包

创建buffer

buffer.from: 从已有的数据创建二进制

const buffer1 = Buffer.from('geekbang')
const buffer2 = Buffer.from([0, 1, 2, 3, 4])


<Buffer 67 65 65 6b 62 61 6e 67>
<Buffer 00 01 02 03 04>

buffer.alloc: 创建一个空的二进制

const buffer3 = Buffer.alloc(20)

<Buffer 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00>

往buffer里面写东西

  • buffer.write(string, offset): 写入字符串
  • buffer.writeInt8(value, offset): int8表示二进制8位(8位表示一个字节)所能表示的整数,offset开始写入之前要跳过的字节数。
  • buffer.writeInt16BE(value, offset)
  • RPC는 일반적으로
인트라넷

에서 서로 요청하므로 일반적으로 주소 지정 서비스에 DNS를 사용하지 않습니다. 내부 네트워크에 있기 때문에 지정된 ID나 v5:8001와 같은 가상 VIP를 사용한 후 주소 서버로 가서 v5에 해당하는 IP 주소를 얻을 수 있습니다. .

애플리케이션 계층 프로토콜이 다릅니다

ajax는 텍스트 프로토콜인 http 프로토콜을 사용합니다. 데이터와 상호 작용할 때 파일 형식은 json을 사용할 때입니다. , 이는 키-값 형식입니다.

RPC는 바이너리 프로토콜을 사용합니다. 이진 전송을 사용하면 전송하는 패킷은 모두 이진입니다. 일반적으로 해당 숫자는 필드를 나타내는 데 사용됩니다.

🎜이렇게 하면 json 객체에 키를 전송하기 위해 http를 사용할 필요가 없으므로 데이터 볼륨이 더 작아집니다. 🎜🎜전송은 바이너리이기 때문에 컴퓨터가 이해하기에 더 적합하고, 텍스트 프로토콜은 인간이 이해하기에 더 적합하므로 컴퓨터가 각 필드를 해석하는 데 걸리는 시간은 텍스트 프로토콜보다 훨씬 적습니다. 🎜🎜🎜RPC는 데이터 용량이 작고 해석 속도가 빠른 바이너리를 사용합니다. 🎜🎜🎜🎜TCP 통신 방식🎜🎜
    🎜🎜단순 통신: 클라이언트만 서버에 메시지를 보낼 수 있거나, 서버만 클라이언트에 메시지를 보낼 수 있습니다 🎜 🎜🎜🎜반이중 통신: 일정 시간 내에 클라이언트만 서버에 메시지를 보낼 수 있습니다. 이 시간이 지나면 서버가 클라이언트에 메시지를 보낼 수 있습니다. 시간을 여러 개의 타임 슬라이스로 나누면 하나의 타임 슬라이스 내에서 단순 통신이 됩니다🎜🎜🎜🎜전이중 통신: 클라이언트와 서버가 서로 통신할 수 있습니다🎜🎜🎜🎜이 세 가지 통신 방법 중 어느 것이 주요한 것입니까? 고려되는 요소는 🎜구현 난이도 및 비용🎜입니다. 전이중 통신은 반이중 통신보다 비용이 더 많이 듭니다. 일부 시나리오에서는 여전히 반이중 통신을 고려할 수 있습니다. 🎜🎜ajax는 🎜반이중 통신🎜입니다. http는 텍스트 프로토콜이지만 기본 계층은 tcp 프로토콜입니다. http 텍스트는 이진 데이터 흐름에서 tcp 계층의 텍스트로 변환 프로세스를 거칩니다. 🎜🎜RPC를 이해하는 것은 프런트엔드 기술을 더 깊이 이해하는 것입니다. 🎜

    🎜바이너리 데이터 패킷 버퍼 인코딩 및 디코딩🎜🎜

    🎜버퍼 만들기🎜

    🎜🎜buffer.from🎜: from 기존 데이터에서 바이너리 만들기🎜
    const buffer = Buffer.from([1, 2, 3, 4]) // <Buffer 01 02 03 04>
    
    // 往第二个字节里面写入12
    buffer.writeInt8(12, 1) // <Buffer 01 0c 03 04>
    🎜🎜buffer.alloc🎜: 빈 바이너리 만들기🎜
    const buffer = Buffer.from([1, 2, 3, 4])
    
    buffer.writeInt16BE(512, 2) // <Buffer 01 02 02 00>
    buffer.writeInt16LE(512, 2) // <Buffer 01 02 00 02>

    🎜버퍼에 무언가 쓰기🎜

    🎜🎜 buffer.write(string, offset): 문자열 쓰기🎜🎜buffer.writeInt8(value, offset): int8은 바이너리 8비트를 나타냅니다(8비트는 1바이트를 나타냄). 오프셋 쓰기가 시작되기 전에 건너뛸 바이트 수를 나타내는 정수입니다. 🎜🎜buffer.writeInt16BE(value, offset): int16(2바이트), 16진수 비트, 즉 32767로 표현할 수 있는 정수를 나타냅니다. 이 숫자를 초과하면 프로그램에서 오류를 보고합니다. 🎜🎜
    writeInt16BE(value, 0)
    writeInt16BE(value, 2)
    writeInt16BE(value, 4)
    🎜🎜빅엔디안 BE와 리틀엔디안 LE🎜: 가장 큰 이유는 2바이트 이상의 데이터 배열이 다르기 때문입니다(writeInt8은 1바이트만 가지고 있어서 빅엔디안과 리틀엔디안이 없습니다) .빅엔디안이면 하위주소를, 리틀엔디안은 하위비트에 주소를 넣는다는 뜻입니다. 다음과 같습니다. 🎜
    // test.proto 定义的协议文件
    message Column {
      required float num  = 1;
      required string payload = 2;
    }
    // index.js
    const fs = require(&#39;fs&#39;)
    var protobuf = require(&#39;protocol-buffers&#39;)
    var messages = protobuf(fs.readFileSync(&#39;test.proto&#39;))
    
    var buf = messages.Column.encode({
    	num: 42,
    	payload: &#39;hello world&#39;
    })
    console.log(buf)
    // <Buffer 0d 00 00 28 42 12 0b 68 65 6c 6c 6f 20 77 6f 72 6c 64>
    
    var obj = messages.Column.decode(buf)
    console.log(obj)
    // { num: 42, payload: &#39;hello world&#39; }
    🎜🎜RPC로 전송된 바이너리는 전달된 필드를 어떻게 표현하나요? 🎜🎜🎜PC로 전송된 바이너리는 필드를 어떻게 표현하나요? 이제 바이너리 패키지 [00, 00, 00, 00, 00, 00, 00]가 있습니다. 처음 3바이트는 필드 값을 나타내고, 다음 2바이트는 필드 값을 나타내고, 마지막 2바이트는 나타냅니다. 또한 필드 값을 나타냅니다. 이렇게 쓰여 있습니다: 🎜
    writeInt16BE(value, 0)
    writeInt16BE(value, 2)
    writeInt16BE(value, 4)

    发现像这样写,不仅要知道写入的值,还要知道值的数据类型,这样就很麻烦。不如json格式那么方便。针对这种情况业界也有解决方案。npm有个库protocol-buffers,把我们写的参数转化为buffer

    // test.proto 定义的协议文件
    message Column {
      required float num  = 1;
      required string payload = 2;
    }
    // index.js
    const fs = require(&#39;fs&#39;)
    var protobuf = require(&#39;protocol-buffers&#39;)
    var messages = protobuf(fs.readFileSync(&#39;test.proto&#39;))
    
    var buf = messages.Column.encode({
    	num: 42,
    	payload: &#39;hello world&#39;
    })
    console.log(buf)
    // <Buffer 0d 00 00 28 42 12 0b 68 65 6c 6c 6f 20 77 6f 72 6c 64>
    
    var obj = messages.Column.decode(buf)
    console.log(obj)
    // { num: 42, payload: &#39;hello world&#39; }

    net建立RPC通道

    半双工通信

    服务端代码:

    const net = require(&#39;net&#39;)
    
    const LESSON_DATA = {
      136797: &#39;01 | 课程介绍&#39;,
      136798: &#39;02 | 内容综述&#39;,
      136799: &#39;03 | Node.js是什么?&#39;,
      136800: &#39;04 | Node.js可以用来做什么?&#39;,
      136801: &#39;05 | 课程实战项目介绍&#39;,
      136803: &#39;06 | 什么是技术预研?&#39;,
      136804: &#39;07 | Node.js开发环境安装&#39;,
      136806: &#39;08 | 第一个Node.js程序:石头剪刀布游戏&#39;,
      136807: &#39;09 | 模块:CommonJS规范&#39;,
      136808: &#39;10 | 模块:使用模块规范改造石头剪刀布游戏&#39;,
      136809: &#39;11 | 模块:npm&#39;,
      141994: &#39;12 | 模块:Node.js内置模块&#39;,
      143517: &#39;13 | 异步:非阻塞I/O&#39;,
      143557: &#39;14 | 异步:异步编程之callback&#39;,
      143564: &#39;15 | 异步:事件循环&#39;,
      143644: &#39;16 | 异步:异步编程之Promise&#39;,
      146470: &#39;17 | 异步:异步编程之async/await&#39;,
      146569: &#39;18 | HTTP:什么是HTTP服务器?&#39;,
      146582: &#39;19 | HTTP:简单实现一个HTTP服务器&#39;
    }
    
    const server = net.createServer(socket => {
      // 监听客户端发送的消息
      socket.on(&#39;data&#39;, buffer => {
        const lessonId = buffer.readInt32BE()
        setTimeout(() => {
          // 往客户端发送消息
          socket.write(LESSON_DATA[lessonId])
        }, 1000)
      })
    })
    
    server.listen(4000)

    客户端代码:

    const net = require(&#39;net&#39;)
    
    const socket = new net.Socket({})
    
    const LESSON_IDS = [
      &#39;136797&#39;,
      &#39;136798&#39;,
      &#39;136799&#39;,
      &#39;136800&#39;,
      &#39;136801&#39;,
      &#39;136803&#39;,
      &#39;136804&#39;,
      &#39;136806&#39;,
      &#39;136807&#39;,
      &#39;136808&#39;,
      &#39;136809&#39;,
      &#39;141994&#39;,
      &#39;143517&#39;,
      &#39;143557&#39;,
      &#39;143564&#39;,
      &#39;143644&#39;,
      &#39;146470&#39;,
      &#39;146569&#39;,
      &#39;146582&#39;
    ]
    
    socket.connect({
      host: &#39;127.0.0.1&#39;,
      port: 4000
    })
    
    let buffer = Buffer.alloc(4)
    buffer.writeInt32BE(LESSON_IDS[Math.floor(Math.random() * LESSON_IDS.length)])
    
    // 往服务端发送消息
    socket.write(buffer)
    
    // 监听从服务端传回的消息
    socket.on(&#39;data&#39;, buffer => {
      console.log(buffer.toString())
    
      // 获取到数据之后再次发送消息
      buffer = Buffer.alloc(4)
      buffer.writeInt32BE(LESSON_IDS[Math.floor(Math.random() * LESSON_IDS.length)])
    
      socket.write(buffer)
    })

    以上半双工通信步骤如下:

    • 客户端发送消息 socket.write(buffer)
    • 服务端接受消息后往客户端发送消息 socket.write(buffer)
    • 客户端接受消息后再次发送消息

    这样在一个时间端之内,只有一个端往另一个端发送消息,这样就实现了半双工通信。那如何实现全双工通信呢,也就是在客户端往服务端发送消息的同时,服务端还没有消息返回给客户端之前,客户端又发送了一个消息给服务端。

    全双工通信

    先来看一个场景:

    RPC란 무엇입니까? 노드에서 RPC 통신을 구현하는 방법에 대해 이야기해 보겠습니다.

    客户端发送了一个id1的请求,但是服务端还来不及返回,接着客户端又发送了一个id2的请求。

    等了一个之后,服务端先把id2的结果返回了,然后再把id1的结果返回。

    那如何结果匹配到对应的请求上呢?

    如果按照时间顺序,那么id1的请求对应了id2的结果,因为id2是先返回的;id2的请求对应了id1的结果,这样就导致请求包和返回包错位的情况。

    怎么办呢?

    我们可以给请求包和返回包都带上序号,这样就能对应上。

    错位处理

    客户端代码:

    socket.on(&#39;data&#39;, buffer => {
      // 包序号
      const seqBuffer = buffer.slice(0, 2)
      // 服务端返回的内容
      const titleBuffer = buffer.slice(2)
        
      console.log(seqBuffer.readInt16BE(), titleBuffer.toString())
    })
    
    // 包序号
    let seq = 0
    function encode(index) {
      // 请求包的长度现在是6 = 2(包序号) + 4(课程id)
      buffer = Buffer.alloc(6)
      buffer.writeInt16BE(seq)
      buffer.writeInt32BE(LESSON_IDS[index], 2)
    
      seq++
      return buffer
    }
    
    // 每50ms发送一次请求
    setInterval(() => {
      id = Math.floor(Math.random() * LESSON_IDS.length)
      socket.write(encode(id))
    }, 50)

    服务端代码:

    const server = net.createServer(socket => {
      socket.on(&#39;data&#39;, buffer => {
        // 把包序号取出
        const seqBuffer = buffer.slice(0, 2)
        // 从第2个字节开始读取
        const lessonId = buffer.readInt32BE(2)
        setTimeout(() => {
          const buffer = Buffer.concat([
            seqBuffer,
            Buffer.from(LESSON_DATA[lessonId])
          ])
          socket.write(buffer)
          // 这里返回时间采用随机的,这样就不会按顺序返回,就可以测试错位的情况
        }, 10 + Math.random() * 1000)
      })
    })
    • 客户端把包序号和对应的id给服务端
    • 服务端取出包序号和对应的id,然后把包序号和id对应的内容返回给客户端,同时设置返回的时间是随机的,这样就不会按照顺序返回。

    粘包处理

    如果我们这样发送请求:

    for (let i = 0; i < 100; i++) {
      id = Math.floor(Math.random() * LESSON_IDS.length)
      socket.write(encode(id))
    }

    我们发现服务端接收到的信息如下:

    <Buffer 00 00 00 02 16 64 00 01 00 02 16 68 00 02 00 02 31 1c 00 03 00 02 3c 96 00 04 00 02 16 68 00 05 00 02 16 5e 00 06 00 02 16 66 00 07 00 02 16 67 00 08 ... 550 more bytes>

    这是因为TCP自己做的一个优化,它会把所有的请求包拼接在一起,这样就会产生粘包的现象。

    服务端需要把包进行拆分,拆分成100个小包。

    那如何拆分呢?

    首先客户端发送的数据包包括两部分:定长的包头和不定长的包体

    包头又分为两部分:包序号及包体的长度。只有知道包体的长度,才能知道从哪里进行分割。

    let seq = 0
    function encode(data) {
        // 正常情况下,这里应该是使用 protocol-buffers 来encode一段代表业务数据的数据包
        // 为了不要混淆重点,这个例子比较简单,就直接把课程id转buffer发送
        const body = Buffer.alloc(4);
        body.writeInt32BE(LESSON_IDS[data.id]);
    
        // 一般来说,一个rpc调用的数据包会分为定长的包头和不定长的包体两部分
        // 包头的作用就是用来记载包的序号和包的长度,以实现全双工通信
        const header = Buffer.alloc(6); // 包序号占2个字节,包体长度占4个字节,共6个字节
        header.writeInt16BE(seq)
        header.writeInt32BE(body.length, 2);
    
        // 包头和包体拼起来发送
        const buffer = Buffer.concat([header, body])
    
        console.log(`包${seq}传输的课程id为${LESSON_IDS[data.id]}`);
        seq++;
        return buffer;
    }
    
    // 并发
    for (let i = 0; i < 100; i++) {
        id = Math.floor(Math.random() * LESSON_IDS.length)
        socket.write(encode({ id }))
    }

    服务端进行拆包

    const server = net.createServer(socket => {
      let oldBuffer = null
      socket.on(&#39;data&#39;, buffer => {
        // 把上一次data事件使用残余的buffer接上来
        if (oldBuffer) {
          buffer = Buffer.concat([oldBuffer, buffer])
        }
        let packageLength = 0
        // 只要还存在可以解成完整包的包长
        while ((packageLength = checkComplete(buffer))) {
          // 确定包的长度后进行slice分割
          const package = buffer.slice(0, packageLength)
          // 剩余的包利用循环继续分割
          buffer = buffer.slice(packageLength)
    
          // 把这个包解成数据和seq
          const result = decode(package)
    
          // 计算得到要返回的结果,并write返回
          socket.write(encode(LESSON_DATA[result.data], result.seq))
        }
    
        // 把残余的buffer记下来
        oldBuffer = buffer
      })
    })

    checkComplete 函数的作用来确定一个数据包的长度,然后进行分割:

    function checkComplete(buffer) {
      // 如果包的长度小于6个字节说明只有包头,没有包体,那么直接返回0
      if (buffer.length <= 6) {
        return 0
      }
      // 读取包头的第二个字节,取出包体的长度
      const bodyLength = buffer.readInt32BE(2)
      // 请求包包括包头(6个字节)和包体body
      return 6 + bodyLength
    }

    decode对包进行解密:

    function decode(buffer) {
      // 读取包头
      const header = buffer.slice(0, 6)
      const seq = header.readInt16BE()
        
      // 读取包体  
      // 正常情况下,这里应该是使用 protobuf 来decode一段代表业务数据的数据包
      // 为了不要混淆重点,这个例子比较简单,就直接读一个Int32即可
      const body = buffer.slice(6).readInt32BE()
    
      // 这里把seq和数据返回出去
      return {
        seq,
        data: body
      }
    }

    encode把客户端想要的数据转化为二进制返回,这个包同样包括包头和包体,包头又包括包需要包序号和包体的长度。

    function encode(data, seq) {
      // 正常情况下,这里应该是使用 protobuf 来encode一段代表业务数据的数据包
      // 为了不要混淆重点,这个例子比较简单,就直接把课程标题转buffer返回
      const body = Buffer.from(data)
    
      // 一般来说,一个rpc调用的数据包会分为定长的包头和不定长的包体两部分
      // 包头的作用就是用来记载包的序号和包的长度,以实现全双工通信
      const header = Buffer.alloc(6)
      header.writeInt16BE(seq)
      header.writeInt32BE(body.length, 2)
    
      const buffer = Buffer.concat([header, body])
    
      return buffer
    }

    当客户端收到服务端发送的包之后,同样也要进行拆包,因为所有的包同样都粘在一起了:

     <Buffer 00 00 00 00 00 1d 30 36 20 7c 20 e4 bb 80 e4 b9 88 e6 98 af e6 8a 80 e6 9c af e9 a2 84 e7 a0 94 ef bc 9f 00 01 00 00 00 1d 30 36 20 7c 20 e4 bb 80 e4 ... 539 more bytes>

    因此,客户端也需要拆包,拆包策略与服务端的拆包策略是一致的:

    let oldBuffer = null
    socket.on(&#39;data&#39;, buffer => {
      // 把上一次data事件使用残余的buffer接上来
      if (oldBuffer) {
        buffer = Buffer.concat([oldBuffer, buffer])
      }
      let completeLength = 0
    
      // 只要还存在可以解成完整包的包长
      while ((completeLength = checkComplete(buffer))) {
        const package = buffer.slice(0, completeLength)
        buffer = buffer.slice(completeLength)
    
        // 把这个包解成数据和seq
        const result = decode(package)
        console.log(`包${result.seq},返回值是${result.data}`)
      }
    
      // 把残余的buffer记下来
      oldBuffer = buffer
    })

    到这里就实现了双全工通行,这样客户端和服务端随时都可以往对方发小消息了。

    更多node相关知识,请访问:nodejs 教程

위 내용은 RPC란 무엇입니까? 노드에서 RPC 통신을 구현하는 방법에 대해 이야기해 보겠습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 juejin.cn에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제