如何開始使用 NICE DCV SDK

Question

我正在試用來自 AWS 的NICE DCV SDK ，文檔鏈接在這里但我無法弄清楚如何運行文檔頁面上給出的示例。 我嘗試在節點服務器上運行它但出現此錯誤：

ReferenceError: self is not defined

因此，如果有人可以幫助我開始使用該示例，那就太好了。

編輯：我也嘗試從瀏覽器中簡單地打開 index.html。

Answer 1

只需從開發人員指南中復制示例，因此具有：

索引.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>DCV first connection</title>
    </head>
    <body>
        <script type="module" src="main.js"></script>
        <div id="dcv-display"></div>
    </body>
</html>

main.js

import "./dcvjs/dcv.js";

let auth,
    connection,
    serverUrl;

function onPromptCredentials(auth, challenge) {
    // Let's check if in challenge we have a username and password request
    if (challengeHasField(challenge, "username") && challengeHasField(challenge, "password")) {
        auth.sendCredentials({username: "my_dcv_user", password: "my_password"})
    } else {
        // Challenge is requesting something else...
    }
}

function challengeHasField(challenge, field) {
    return challenge.requiredCredentials.some(credential => credential.name === field);
}

function onError(_, error) {
    console.log("Error during the authentication: ", error.message);
}

// We connect to the first session returned
function onSuccess(_, result) {
    let {sessionId, authToken} = {...result[0]};
    connect(sessionId, authToken);
}

function connect (sessionId, authToken) {
    console.log(sessionId, authToken);
    dcv.connect({
        url: serverUrl,
        sessionId: sessionId,
        authToken: authToken,
        divId: "dcv-display",
        callbacks: {
            firstFrame: () => console.log("First frame received")
        }
    }).then(function (conn) {
        console.log("Connection established!");
        connection= conn;
    }).catch(function (error) {
        console.log("Connection failed with error " + error.message);
    });
}

function main () {
    console.log("Setting log level to INFO");
    dcv.setLogLevel(dcv.LogLevel.INFO);
    serverUrl = "https://your-dcv-server-url:port/";
    console.log("Starting authentication with", serverUrl);
    auth = dcv.authenticate(
        serverUrl,
        {
            promptCredentials: onPromptCredentials,
            error: onError,
            success: onSuccess
        }
    );
}

console.log("Using NICE DCV Web Client SDK version " + dcv.version.versionStr);
document.addEventListener('DOMContentLoaded', main);

更改用戶名、密碼和serverUrl應該在 web 環境中工作。

我還能夠從 node.js 服務器提供它，如下例所示： https://developer.mozilla.org/en-US/docs/Learn/Server-side/Node_server_without_framework

Answer 2

我們創建了 NICE DCV SDK 集成的演示。 請試用或從https://www.ni-sp.com/DCVSDK/下載

以下是 2 個文件，包括獎勵登錄表單和一些已修復的問題（請調整 main.js 中的 serverUrl）：

索引.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>DCV first connection</title>
    </head>
    <body>
        <script type="module" src="main.js"></script>
        <div id="dcv-display"></div>
    </body>
</html>

main.js

import "./dcvjs/dcv.js"
let auth,
    connection,
    serverUrl;

console.log("Using NICE DCV Web Client SDK version " + dcv.version.versionStr);
document.addEventListener('DOMContentLoaded', main);

function main () {
    console.log("Setting log level to INFO");
    dcv.setLogLevel(dcv.LogLevel.INFO);

    serverUrl = "https://your-dcv-server-url:port/";
    
    console.log("Starting authentication with", serverUrl);

    auth = dcv.authenticate(
        serverUrl,
        {
            promptCredentials: onPromptCredentials2,
            error: onError,
            success: onSuccess
        }
    );
}


function onPromptCredentials(auth, challenge) {
    // Let's check if in challege we have a username and password request
    if (challengeHasField(challenge, "username") && challengeHasField(challenge, "password")) {
        auth.sendCredentials({username: "YOURUSER", password: "YOUR_PW"})
    } else {
        // Challenge is requesting something else...
    }
}

function challengeHasField(challenge, field) {
    return challenge.requiredCredentials.some(credential => credential.name === field);
}

function onError(auth, error) {
    console.log("Error during the authentication: ", error.message);
}

// We connect to the first session returned
function onSuccess(auth, result) {
    let {sessionId, authToken} = {...result[0]};

    connect(sessionId, authToken);
}

function connect (sessionId, authToken) {
    console.log(sessionId, authToken);

    dcv.connect({
        url: serverUrl,
        sessionId: sessionId,
        authToken: authToken,
        divId: "dcv-display",
        callbacks: {
            firstFrame: () => console.log("First frame received")
        }
    }).then(function (conn) {
        console.log("Connection established!");
        connection= conn;
    }).catch(function (error) {
        console.log("Connection failed with error " + error.message);
    });
}


function submitCredentials (e) {
    var credentials = {};
    fieldSet.childNodes.forEach(input => credentials[input.id] = input.value);
    auth.sendCredentials(credentials);
    e.preventDefault();
}

var fieldSet;

function createLoginForm () {
    var submitButton = document.createElement("button");

    submitButton.type = "submit";
    submitButton.textContent = "Login";

    var form = document.createElement("form");
    fieldSet = document.createElement("fieldset");

    form.onsubmit = submitCredentials;
    form.appendChild(fieldSet);
    form.appendChild(submitButton);

    document.body.appendChild(form);
}

function addInput (name) {
    var type = name === "password" ? "password" : "text";

    var inputField = document.createElement("input");
    inputField.name = name;
    inputField.id = name;
    inputField.placeholder = name;
    inputField.type = type;
    fieldSet.appendChild(inputField);
}

function onPromptCredentials2 (_, credentialsChallenge) {
    createLoginForm();
    credentialsChallenge.requiredCredentials.forEach(challenge => addInput(challenge.name));
}

Answer 3

如果有人想知道 Ni-sp 網站有效，而不是您的網站。 這是解決方案：

當信任（很可能是內部根 CA）時，web 服務器和 DCV 服務器都需要分配證書，並且連接到 Web 服務器的客戶端必須具有根證書，以便它可以驗證 web 服務器和 DCV 服務器證書.

我測試它工作正常。 如果沒有有效的證書，您將收到異常“身份驗證期間出錯：無法與服務器 dcv.js 通信：2 [身份驗證] Auth WebSocket 連接已關閉。代碼 1006”

如何開始使用 NICE DCV SDK

問題描述

3 個解決方案

解決方案1
1 2021-04-30 13:56:50

解決方案2
1 2021-04-30 14:03:03

解決方案3
0 2023-01-10 16:33:42

如何開始使用 NICE DCV SDK

問題描述

3 個解決方案

解決方案1 1 2021-04-30 13:56:50

解決方案2 1 2021-04-30 14:03:03

解決方案3 0 2023-01-10 16:33:42

解決方案1
1 2021-04-30 13:56:50

解決方案2
1 2021-04-30 14:03:03

解決方案3
0 2023-01-10 16:33:42