JavaScript를 사용하여 DDE를 구현하는 방법 살펴보기-프런트엔드 Q&A-php.cn

JavaScript는 주로 프런트 엔드 웹 페이지에서 대화형 기능을 구현하는 데 사용되는 범용 스크립팅 언어입니다. 그러나 이를 사용하여 다양한 작업을 구현하고 DDE(동적 데이터 교환)를 구현하는 데에도 사용할 수 있습니다.

DDE는 Windows IPC(애플리케이션 간 통신) 방법입니다. 두 개 이상의 프로그램 간에 데이터를 공유할 수 있습니다. 특히 이를 통해 하나의 Windows 응용 프로그램이 다른 응용 프로그램(일반적으로 실행 중인 다른 응용 프로그램)으로 데이터를 전달할 수 있습니다.

이 기사에서는 JavaScript를 사용하여 DDE를 구현하는 방법을 살펴보겠습니다. 시작하기 전에 JavaScript 및 Windows 작업에 대한 기본 지식이 있는지 확인하십시오.

DDE 이해하기

시작하기 전에 DDE에 대해 간단히 이해해 봅시다. DDE는 Windows의 IPC(프로세스 간 통신) 기술입니다. 이를 통해 애플리케이션은 다양한 메시지와 명령을 보내고 받을 수 있습니다. 앞서 언급했듯이 이를 통해 하나의 애플리케이션이 다른 애플리케이션으로 데이터를 보낼 수 있습니다. 이를 "송신자" 애플리케이션과 "수신자" 애플리케이션이라고 합니다.

DDE의 기능을 이해하려면 다음 두 가지 개념을 이해해야 합니다.

DDE 클라이언트: 데이터를 보내는 응용 프로그램입니다.
DDE 서버: 데이터를 수신하는 애플리케이션입니다.

DDE 클라이언트가 DDE 서버에 데이터를 보낼 때 먼저 데이터를 DDE 트랜잭션으로 패키지합니다. 이 DDE 트랜잭션에는 다음이 포함됩니다.

애플리케이션 이름
주제 이름
항목 이름
작업 유형(예: 열기, 닫기, 보내기 등)
상태(성공 또는 실패)

DDE 클라이언트는 DDE 트랜잭션은 DDE 서버로 전송됩니다. DDE 서버는 트랜잭션을 받으면 트랜잭션을 구문 분석하고 필요한 경우 데이터를 추출한 다음 DDE 클라이언트에 응답을 보냅니다.

이제 JavaScript를 사용하여 DDE를 구현하는 방법을 살펴보겠습니다.

DDE 클라이언트 구현

JavaScript에서 DDE 클라이언트를 구현하려면 ActiveXObject 개체를 사용해야 합니다. 이 개체는 웹 개발자가 많은 Windows 작업을 수행할 수 있도록 하는 일반적인 Windows 구성 요소를 제공하는 Microsoft에서 개발한 "ActiveX 컨트롤" 유형입니다.

다음으로 ActiveXObject 개체를 사용하여 DDE 클라이언트를 만듭니다.

다음은 JavaScript를 사용하여 DDE 클라이언트를 생성하는 방법을 보여주는 간단한 예입니다.

function sendDDEMessage(appName, topicName, itemName, command) {
  var ddeClient = new ActiveXObject("DDE.DdeClient");
  ddeClient.Connect(appName, topicName);

  var ddeTransaction = ddeClient.BeginTransaction();
  var ddeData = ddeTransaction.AddItem(itemName);
  ddeTransaction.SetData(ddeData, command);
  ddeTransaction.SetFormats(ddeData, 1); // 1 = CF_TEXT
  ddeTransaction.CommitTransaction();
  
  ddeClient.Disconnect();
}

로그인 후 복사

위에 표시된 것처럼 sendDDEMessage 함수는 4개의 매개 변수를 허용합니다.

appName: DDE 서버를 포함하는 응용 프로그램 프로그램 이름. appName：包含 DDE 服务端的应用程序名称。
topicName：包含 DDE 服务端上下文的名称。
itemName：包含在 DDE 服务端应用程序中要访问的对象的名称。
command：要发送到 DDE 服务端的命令或消息。

该函数首先使用 new ActiveXObject("DDE.DdeClient") 创建一个 DDE 客户端。接下来，它使用 Connect() 方法将客户端连接到指定的应用程序和主题。

接下来，它创建一个 DdeTransaction 实例，并使用 AddItem() 方法添加要访问的项目。然后，使用 SetData() 方法将要发送的命令或消息设置到 DdeData 实例中。最后，使用 SetFormats() 方法设置数据格式，这里使用的是 1，表示 CF_TEXT 格式。

最后，该函数使用 CommitTransaction() 方法提交事务，并使用 Disconnect() 方法断开客户端与 DDE 服务端的连接。

实现 DDE 服务端

虽然 DDE 服务端的实现比较复杂，但是我们可以使用 JavaScript 和 ActiveXObject 对象来轻松地模拟它。

在本例中，我们将模拟一个具有以下功能的 DDE 服务端：

它可以接收来自客户端的命令，并将其保存在一个数组中。
当它接收到一个名为 “get_commands” 的命令时，它将使用 returnCommandList() 方法返回一个包含先前收到的所有命令的字符串。

以下是 DDE 服务端的 JavaScript 代码：

function DDEServer(appName, topicName) {
  var self = this;
  self.appName = appName;
  self.topicName = topicName;
  self.commandList = [];

  self.connect = function() {
    self.ddeServer = new ActiveXObject("DDE.DdeServer");
    self.ddeServer.Register(appName, topicName);
  };

  self.disconnect = function() {
    self.ddeServer.Unregister();
  };

  self.handleTransaction = function(ddeTransaction) {
    var command = ddeTransaction.GetData(ddeTransaction.FirstItem);
    self.commandList.push(command);
  };

  self.returnCommandList = function() {
    return self.commandList.join('\r\n');
  };
}

로그인 후 복사

如上所示，DDEServer 构造函数接受两个参数：appName 和 topicName，这些参数是用于连接到 DDE 服务端的应用程序和主题。

connect() 方法使用 new ActiveXObject("DDE.DdeServer") 创建一个 DDE 服务端，并使用 Register() 方法在指定的应用程序和主题下注册它。

disconnect() 方法使用 Unregister() 方法注销 DDE 服务端。

当 DDE 服务端收到事务时，handleTransaction() 方法被调用。它从事务中获取数据，并将其添加到服务端的命令列表中。

最后，当服务端接收到名为 “get_commands”的命令时，returnCommandList() 方法将使用 join()

topicName: DDE 서버 컨텍스트의 이름을 포함합니다. 🎜🎜itemName: DDE 서버 애플리케이션에서 액세스할 개체의 이름을 포함합니다. 🎜🎜command: DDE 서버로 보낼 명령이나 메시지입니다. 🎜🎜🎜이 함수는 먼저 new ActiveXObject("DDE.DdeClient")를 사용하여 DDE 클라이언트를 생성합니다. 다음으로 Connect() 메서드를 사용하여 클라이언트를 지정된 애플리케이션 및 주제에 연결합니다. 🎜🎜다음으로 DdeTransaction 인스턴스를 생성하고 AddItem() 메서드를 사용하여 액세스할 항목을 추가합니다. 그런 다음 SetData() 메서드를 사용하여 DdeData 인스턴스로 전송될 명령이나 메시지를 설정합니다. 마지막으로 SetFormats() 메서드를 사용하여 데이터 형식을 설정합니다. 여기서는 CF_TEXT 형식을 나타내는 1이 사용됩니다. 🎜🎜마지막으로 함수는 CommitTransaction() 메서드를 사용하여 트랜잭션을 커밋하고 Disconnect() 메서드를 사용하여 DDE 서버에서 클라이언트 연결을 끊습니다. 🎜🎜DDE 서버 구현🎜🎜DDE 서버 구현은 더 복잡하지만 JavaScript 및 ActiveXObject 개체를 사용하여 쉽게 시뮬레이션할 수 있습니다. 🎜🎜이 예에서는 다음 기능을 사용하여 DDE 서버를 시뮬레이션합니다. 🎜🎜🎜클라이언트로부터 명령을 받아 배열에 저장할 수 있습니다. 🎜🎜"get_commands"라는 명령을 받으면 returnCommandList() 메서드를 사용하여 이전에 받은 모든 명령이 포함된 문자열을 반환합니다. 🎜🎜🎜다음은 DDE 서버의 JavaScript 코드입니다. 🎜

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>DDE Client Demo</title>
  </head>
  <body>
    <h1>DDE Client Demo</h1>
    <label for="command">Enter a command:</label>
    <input id="command" type="text">
    <button id="sendCommand">Send Command</button>
    <br>
    <label for="output">Output:</label>
    <textarea id="output"></textarea>
    <script>
      var ddeServer = new DDEServer("dde_demo", "demo_topic");
      ddeServer.connect();

      function sendCommand() {
        var command = document.getElementById("command").value;
        sendDDEMessage("dde_demo", "demo_topic", "command", command);
        var output = document.getElementById("output");
        output.value = sendDDEMessage("dde_demo", "demo_topic", "get_commands", "");
      }

      document.getElementById("sendCommand").addEventListener("click", sendCommand);
    </script>
  </body>
</html>

로그인 후 복사

🎜위에 표시된 것처럼 DDEServer 생성자는 appName 및 topicName의 두 매개 변수를 허용하며 이러한 매개 변수가 사용됩니다. DDE 서버 응용 프로그램 및 테마에 연결합니다. 🎜🎜connect() 메서드는 new ActiveXObject("DDE.DdeServer")를 사용하여 DDE 서버를 생성하고 Register() 메서드를 사용하여 지정된 애플리케이션과 테마에 등록하세요. 🎜🎜disconnect() 메서드는 Unregister() 메서드를 사용하여 DDE 서버에서 로그아웃합니다. 🎜🎜DDE 서버가 트랜잭션을 수신하면 handleTransaction() 메서드가 호출됩니다. 트랜잭션에서 데이터를 가져와 서버측 명령 목록에 추가합니다. 🎜🎜마지막으로 서버가 "get_commands"라는 명령을 수신하면 returnCommandList() 메서드는 join() 메서드를 사용하여 명령 목록의 모든 명령을 문자열을 반환하고 반환합니다. 🎜

测试示例

现在我们已经开始实现 DDE 客户端和服务端，让我们来看看一些示例。为了测试客户端和服务端，我们将创建一个简单的 HTML 页面，该页面包含两个文本框和两个按钮。第一个文本框将用于输入命令，第二个文本框将用于显示服务器端的响应。

在按钮上单击时，客户端将尝试连接到服务器端，并将命令发送到它。一旦服务器端接收到命令，它将保存它，并返回一个包含所有已接收到的命令的字符串。

以下是示例代码：

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>DDE Client Demo</title>
  </head>
  <body>
    <h1>DDE Client Demo</h1>
    <label for="command">Enter a command:</label>
    <input id="command" type="text">
    <button id="sendCommand">Send Command</button>
    <br>
    <label for="output">Output:</label>
    <textarea id="output"></textarea>
    <script>
      var ddeServer = new DDEServer("dde_demo", "demo_topic");
      ddeServer.connect();

      function sendCommand() {
        var command = document.getElementById("command").value;
        sendDDEMessage("dde_demo", "demo_topic", "command", command);
        var output = document.getElementById("output");
        output.value = sendDDEMessage("dde_demo", "demo_topic", "get_commands", "");
      }

      document.getElementById("sendCommand").addEventListener("click", sendCommand);
    </script>
  </body>
</html>

로그인 후 복사

如上所示，我们使用了 var ddeServer = new DDEServer("dde_demo", "demo_topic") 创建了一个 DDE 服务端，并使用 ddeServer.connect() 连接到它。

我们还定义了 sendCommand() 函数，该函数将获取命令并使用 sendDDEMessage() 函数将其发送到 DDE 服务端。然后，它将获取 DDE 服务端的响应并将其设置为第二个文本框中的值。

最后，我们监听按钮上的单击事件，并在单击时调用 sendCommand() 函数。