Compute
Elastic Cloud Server
Huawei Cloud Flexus
Bare Metal Server
Auto Scaling
Image Management Service
Dedicated Host
FunctionGraph
Cloud Phone Host
Huawei Cloud EulerOS
Networking
Virtual Private Cloud
Elastic IP
Elastic Load Balance
NAT Gateway
Direct Connect
Virtual Private Network
VPC Endpoint
Cloud Connect
Enterprise Router
Enterprise Switch
Global Accelerator
Management & Governance
Cloud Eye
Identity and Access Management
Cloud Trace Service
Resource Formation Service
Tag Management Service
Log Tank Service
Config
OneAccess
Resource Access Manager
Simple Message Notification
Application Performance Management
Application Operations Management
Organizations
Optimization Advisor
IAM Identity Center
Cloud Operations Center
Resource Governance Center
Migration
Server Migration Service
Object Storage Migration Service
Cloud Data Migration
Migration Center
Cloud Ecosystem
KooGallery
Partner Center
User Support
My Account
Billing Center
Cost Center
Resource Center
Enterprise Management
Service Tickets
HUAWEI CLOUD (International) FAQs
ICP Filing
Support Plans
My Credentials
Customer Operation Capabilities
Partner Support Plans
Professional Services
Analytics
MapReduce Service
Data Lake Insight
CloudTable Service
Cloud Search Service
Data Lake Visualization
Data Ingestion Service
GaussDB(DWS)
DataArts Studio
Data Lake Factory
DataArts Lake Formation
IoT
IoT Device Access
Others
Product Pricing Details
System Permissions
Console Quick Start
Common FAQs
Instructions for Associating with a HUAWEI CLOUD Partner
Message Center
Security & Compliance
Security Technologies and Applications
Web Application Firewall
Host Security Service
Cloud Firewall
SecMaster
Anti-DDoS Service
Data Encryption Workshop
Database Security Service
Cloud Bastion Host
Data Security Center
Cloud Certificate Manager
Edge Security
Managed Threat Detection
Blockchain
Blockchain Service
Web3 Node Engine Service
Media Services
Media Processing Center
Video On Demand
Live
SparkRTC
MetaStudio
Storage
Object Storage Service
Elastic Volume Service
Cloud Backup and Recovery
Storage Disaster Recovery Service
Scalable File Service Turbo
Scalable File Service
Volume Backup Service
Cloud Server Backup Service
Data Express Service
Dedicated Distributed Storage Service
Containers
Cloud Container Engine
SoftWare Repository for Container
Application Service Mesh
Ubiquitous Cloud Native Service
Cloud Container Instance
Databases
Relational Database Service
Document Database Service
Data Admin Service
Data Replication Service
GeminiDB
GaussDB
Distributed Database Middleware
Database and Application Migration UGO
TaurusDB
Middleware
Distributed Cache Service
API Gateway
Distributed Message Service for Kafka
Distributed Message Service for RabbitMQ
Distributed Message Service for RocketMQ
Cloud Service Engine
Multi-Site High Availability Service
EventGrid
Dedicated Cloud
Dedicated Computing Cluster
Business Applications
Workspace
ROMA Connect
Message & SMS
Domain Name Service
Edge Data Center Management
Meeting
AI
Face Recognition Service
Graph Engine Service
Content Moderation
Image Recognition
Optical Character Recognition
ModelArts
ImageSearch
Conversational Bot Service
Speech Interaction Service
Huawei HiLens
Video Intelligent Analysis Service
Developer Tools
SDK Developer Guide
API Request Signing Guide
Terraform
Koo Command Line Interface
Content Delivery & Edge Computing
Content Delivery Network
Intelligent EdgeFabric
CloudPond
Intelligent EdgeCloud
Solutions
SAP Cloud
High Performance Computing
Developer Services
ServiceStage
CodeArts
CodeArts PerfTest
CodeArts Req
CodeArts Pipeline
CodeArts Build
CodeArts Deploy
CodeArts Artifact
CodeArts TestPlan
CodeArts Check
CodeArts Repo
Cloud Application Engine
MacroVerse aPaaS
KooMessage
KooPhone
KooDrive

Screen Combination

Updated on 2025-01-22 GMT+08:00

You can combine two or more screens into one screen so that you can view multiple screens in one screen at the same time. After creating a combined screen, you can publish it and share its link with other users. Other users can access the combined screen through the screen link in the browser or application. When viewing a combined screen on a browser, you can switch between multiple screens.

Prerequisites

At least two screens are prepared for screen combination. For details about how to publish screens, see Publishing Screens.

Combining Screens

  1. Log in to the DLV console.
  2. Click the workspace drop-down list in the upper left corner of the page. On the displayed workspace panel, click the workspace that you want to switch to.

    Figure 1 Switching a workspace

  3. On the Screen Combination page, click Create Screen Combination.
  4. Select at least two screens and click Next.
  5. Click or to adjust the screen sequence, and then click Next.
  6. Set the name and related parameters of the combined screen and click Submit.

    • A combined screen name can contain only letters, digits, underscores (_), and hyphens (-), and cannot exceed 32 characters.
    • Horizontal scrolling: If this option is selected, you can click the buttons on the left and right sides of the screen to switch between screens.
    • Bottom navigation: If this option is selected, you can click the navigation button at the bottom of the screen to switch between screens
    NOTE:

    Select at least one of the preceding two options. Otherwise, the screens cannot be switched.

Publishing Combined Screens

  1. Log in to the DLV console.
  2. On the Screen Combination page, locate the combined screen to be published and click on the screen.

    Figure 2 Publishing a combined screen

  3. On the displayed page, configure publish parameters.

    Figure 3 Configuring publish parameters

    Publish

    Specifies whether others can share your created screens (see Figure 3). After the screen is published, other users can access the screen without logging in to DLV. They only need to open the browser and enter the shared link in the address box to access the screen.

    Version management

    Specifies a sharable version.

    • Real-time version: When the current version of screen is modified, users who are sharing it can synchronously use the latest version of screen. It is the default option and cannot be deleted.
    • Historical version: When the current version of screen is modified, users who are sharing it cannot use the latest version of screen but can only use the original one.

    Share Key

    Specifies a screen sharing mode.

    • Public sharing: If a user does not configure password access or token authentication for a screen, the screen is accessed through the shared link. The basic edition of DLV supports only the public sharing mode.
    • Password access: On the Set Access Password tab page, enable password access and set a password. After the password is set successfully, other users need to enter the password each time when they want to access the screen through the shared link.
      Figure 4 Setting an access password
    • Token access: On the Set Token tab page, enable token verification.

      The system randomly generates a token. You need to record it for future use.

      Figure 5 Setting a token

      After the token for the screen is generated, you have to perform the following steps before accessing the screen:

      NOTE:

      1. Publish the screen and record the shared screen code (a character string behind share in the shared link).
      2. Connect the screen code with the current time (millisecond) and separate them with a vertical bar (|).
      3. Use the token to encrypt the character string in 3.b through HMAC-SHA256 base64.
      4. Name the time and the encrypted signature dlv_time and dlv_signature, respectively.
      5. Add them to querystring of the shared link.

      An example is provided as follows:

      Java:

       package com.test;
       import java.security.*;
       import javax.crypto.*;
       import javax.crypto.spec.SecretKeySpec;
       import org.apache.commons.codec.binary.Base64;
       import java.net.URLEncoder;
      
       public class ShareWithTokenTest {
      
           public static void main(String[] args) throws Exception {
               System.out.println(getShareUrlWithToken("b668e3b44722467a9477b5b888211bca", "nrU4iher1tyy1C7Jenni3pzJxeIlPz8P"));
           }
      
           public static String getShareUrlWithToken(String shareID, String token){
               long time = System.currentTimeMillis();
               String data = shareID + "|" + time;
               String signature = HMACSHA256(data.getBytes(), token.getBytes());
               String url = "https://console.com/dlv/vision/combo/share/?id="+shareID +"&dlv_time="+time+"&dlv_signature="+ signature+"&locale=zh-cn&region=";
               return url;
           }
      
          //Use HmacSHA256 for signature.
           public static String HMACSHA256(byte[] data, byte[] key)
           {
               try  {
                   SecretKeySpec signingKey = new SecretKeySpec(key, "HmacSHA256");
                   Mac mac = Mac.getInstance("HmacSHA256");
                   mac.init(signingKey);
                   return URLEncoder.encode(Base64.encodeBase64String(mac.doFinal(data)));
               } catch (NoSuchAlgorithmException e) {
                   e.printStackTrace();
               } catch (InvalidKeyException e) {
                   e.printStackTrace();
               }
               return null;
           }
       }
    NOTE:
    Replace the following parameters in the preceding code based on the site requirements:
    b668e3b44722467a9477b5b888211bca in System.out.println(getShareUrlWithToken("b668e3b44722467a9477b5b888211bca", "nrU4iher1tyy1C7Jenni3pzJxeIlPz8P") is the parameter after share in the shared link, and nrU4iher1tyy1C7Jenni3pzJxeIlPz8P is the parameter in the shared key.
    In String url = "https://console.com/dlv/vision/combo/share/?id="+shareID +"&dlv_time="+time+"&dlv_signature="+ signature+"&locale=zh-cn&region=, locale=zh-cn indicates the language ID, en-us indicates the English language, and region= indicates the area where the service is deployed. 

Editing Screen Combinations

  1. Log in to the DLV console.
  2. On the Screen Combination page, mouse over the required screen combination. A row of operation buttons are displayed on the screen.

    Figure 6 Managing a combined screen

  3. Click . The page for editing the combined screen is displayed.
  4. The procedure for editing a combined screen is similar to that for creating a combined screen. For details, see Combining Screens.

Previewing Combined Screens

  1. Log in to the DLV console.
  2. On the Screen Combination page, mouse over the required screen combination. A row of operation buttons are displayed on the screen.

    Figure 7 Managing a combined screen

  3. Click to preview the combined screen.

Deleting Combined Screens

  1. Log in to the DLV console.
  2. On the Screen Combination page, mouse over the required screen combination. A row of operation buttons are displayed on the screen.

    Figure 8 Managing a combined screen

  3. Click .
  4. In the displayed dialog box, click Yes.

We use cookies to improve our site and your experience. By continuing to browse our site you accept our cookie policy. Find out more

Feedback

Feedback

Feedback

0/500

Selected Content

Submit selected content with the feedback