Udesk工单SDK（三）：PC网页添加工单SDK实战（新建工单、工单列表）_udesk的signature、appid、subdomain参数能干嘛-优快云博客

本文链接：https://blog.youkuaiyun.com/zczhangzhenqi/article/details/108737519

本文介绍了如何将Udesk工单SDK集成到PC网页中，通过创建HTML文件并引入jQuery及SDK库，详细阐述了工单SDK的初始化、新建工单和工单列表的展示过程，最后展示了运行效果，并提示可在Udesk在线客服系统配置更多细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

作者：张振琦

前两篇介绍了工单SDK的基本信息和服务端签名算法，准备工作已经完成，我们现在就来看一下如果把工单SDK添加到PC网页中。我们使用空白页面来演示。

新建一个html文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>TicketSDK</title>
	</head>
	<body>
	</body>
</html>

新建一个script标签，添加如下代码

var token = "" + (token = new Date()).getFullYear() + token.getMonth() + token.getDate() + Math.floor(Math.random(4)*10000);
var scriptDom = document.createElement("script");
scriptDom.src = "https://assets-cli.udesk.cn/ticket_js_sdk/static/vendor/js/jquery.min.js?t="+token;
document.body.appendChild(scriptDom);
var scriptDom = document.createElement("script");
scriptDom.src = "https://assets-cli.udesk.cn/ticket_js_sdk/1.0.1/js/sdk.min.js?t="+token;
document.body.appendChild(scriptDom);
var styleDom = document.createElement("link");
styleDom.rel = "stylesheet";
styleDom.href = "https://assets-cli.udesk.cn/ticket_js_sdk/1.0.1/css/sdk.min.css?t="+token;
document.body.appendChild(styleDom);