자바스크립트에서 JSON-RPC 클라이언트를 작성하는 방법

10 Sep 2023

javascript

JSON-RPC는 네트워크를 통해 서버와 통신하기 위한 간단한 프로토콜입니다. 이 프로토콜은 JSON 형식으로 메시지를 교환하며, 웹 애플리케이션과 백엔드 서버 간의 통신에 많이 사용됩니다. 이번에는 자바스크립트에서 JSON-RPC 클라이언트를 작성하는 방법에 대해 알아보겠습니다.

1. XMLHttpRequest 사용하기

XMLHttpRequest 객체를 사용하여 JSON-RPC 요청을 보내고, 응답을 처리할 수 있습니다.

function jsonRpc(url, method, params, callback) {
  var xhr = new XMLHttpRequest();
  xhr.open('POST', url, true);
  xhr.setRequestHeader('Content-type', 'application/json');
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var response = JSON.parse(xhr.responseText);
      callback(null, response.result);
    } else {
      callback(new Error('Error: ' + xhr.status));
    }
  };
  var data = JSON.stringify({ jsonrpc: '2.0', method: method, params: params, id: 1 });
  xhr.send(data);
}

// 사용 예시
var url = 'http://example.com/api';
var method = 'addNumbers';
var params = [2, 3];

jsonRpc(url, method, params, function(err, result) {
  if (err) {
    console.error(err);
  } else {
    console.log(result);
  }
});

2. 라이브러리 사용하기

자바스크립트에는 JSON-RPC 클라이언트를 쉽게 작성할 수 있는 라이브러리들도 있습니다. 대표적으로 “json-rpc-client”와 “easy-jsonrpc” 등이 있으며, 이러한 라이브러리를 사용하면 더욱 간편하게 JSON-RPC 요청을 처리할 수 있습니다.

// "json-rpc-client" 라이브러리 사용 예시
// 먼저 npm을 통해 json-rpc-client 패키지를 설치해야 합니다.
// npm install json-rpc-client

var jsonRpcClient = require('json-rpc-client');

var client = new jsonRpcClient({
  url: 'http://example.com/api',
  headers: { 'Content-type': 'application/json' }
});

// RPC 요청
client.call('addNumbers', [2, 3], function(err, result) {
  if (err) {
    console.error(err);
  } else {
    console.log(result);
  }
});

// "easy-jsonrpc" 라이브러리 사용 예시
// 먼저 npm을 통해 easy-jsonrpc 패키지를 설치해야 합니다.
// npm install easy-jsonrpc

var EasyJsonRpc = require('easy-jsonrpc');

var client = new EasyJsonRpc({
  url: 'http://example.com/api',
  headers: { 'Content-type': 'application/json' }
});

// RPC 요청
client.call('addNumbers', [2, 3])
  .then(function(result) {
    console.log(result);
  })
  .catch(function(err) {
    console.error(err);
  });

위의 코드 예시에서는 XMLHttpRequest를 사용하는 방법과 “json-rpc-client”와 “easy-jsonrpc” 라이브러리를 사용하는 방법을 소개했습니다. 이를 참고하여 자바스크립트에서 JSON-RPC 클라이언트를 쉽게 작성해 보세요.