DataV:Achieving Cross-Screen Interaction

Effect Display

Procedure

1. Access the DataV console.

2. Configure the Main Screen

   1. Choose a dashboard and rename it to Main Screen. Then, click Edit to access the canvas editor.

   2. Add the Tab List widget to the canvas.

   3. Click the icon in the upper left corner to switch to the blueprint view.

   4. In the Layer Node tab, add the Tab List node to the main blueprint canvas.

   5. Navigate to the Logic Node tab and add Serial Data Processing and Websocket nodes to the main blueprint canvas.

   6. Select the Websocket node and in the Endpoint section of the configuration panel, enter the test address you've obtained. Rename the action to Next and remove any unnecessary event and action nodes.

      Note

      For the Endpoint, see how to use the DataV-WS service for details on obtaining it.

   7. Connect the components.

   8. Set up the serial data processing node method.

      return [{"value":data.content}]; 

3. Configure the Secondary Screen

   1. Select another dashboard and rename it Secondary Screen. Click Edit to access the canvas editor.

   2. Add the General Title widget to the canvas.

   3. Click the icon in the upper left corner to switch to the blueprint view.

   4. In the Layer Node tab, add the General Title node to the main blueprint canvas.

   5. Click the Logic Node tab and add Websocket to the main blueprint canvas.

   6. Select the Websocket node and in the Endpoint section of the right configuration panel, enter the same address as the main screen. Rename the event to Next.

      Important

      Ensure the main and secondary screens are grouped consistently, as the secondary screen functions as the accepter and only needs to be configured to receive messages.

   7. Connect the components.

4. To preview the display results, click the Preview icon located in the upper right corner of the screen pages.

Troubleshooting

1. The WS service is not directly accessible under the HTTPS protocol. Use the WSS service and proxy the WS endpoint with your SSL certificate for HTTPS access.

2. Press F12 to open the browser's debug page. In the WS section under the Network tab, check for cross-domain issues and confirm if the Response in the Header has set Sec-WebSocket-Protocol to echo-protocol.

3. Once connected, send parameters according to the message format specified in the documentation.