亚博Zendesk应用程序快速启动

在这个10分钟的快速开始中，您将构建并在本地运行Zendesk应用程序。快速开始向您介绍Zendesk应用程序开发常用的工具亚博和工作流。当你完成后，你将拥有一个基本的应用程序，它会在Zendesk Support的票务边栏中显示个性化的问候语。亚博

你需要什么

要完成这个快速入门，你需要以下内容:

• Node.js 14.17.3或更高版本

• 拥有亚博Zendesk Suite增长计划或以上版本或支持的Zendesk帐户
  专业计划或以上。要获取免费的合格帐户进行测试，请参见请求赞助测试帐户．

• 一种网络浏览器，如Chrome或Firefox，允许混合HTTP和HTTPS内容。您需要这个浏览器来在本地运行应用程序。Safari不支持混合内容，也不允许你在本地运行Zendesk应用程序。亚博

创建应用程序文件

首先，使用Zendesk命令行界面(亚博ZCLI)为应用程序创建启动文件。ZCLI是一个命令行工具，允许您在本地构建和测试Zendesk应用程序。

创建应用程序文件

1. 在你的电脑终端，导航到你想要存储应用程序的文件夹。

                  
   
                   
   cd项目
                  

2. 在文件夹中运行:

                  
   
                   
   NPX @亚博zendesk/zcli apps:新
                  

   npx允许您在不安装ZCLI包的情况下运行一些ZCLI命令。

3. 在提示符下，输入以下值:

   • 目录名称:hello_world
   • 作者姓名:您的姓名
   • 作者邮箱:您的邮箱地址
   • 作者网站:留空并按Enter
   • 应用名称:你好世界

   ZCLI为应用程序创建启动文件hello_world文件夹中。

检查应用程序的位置

应用程序可以在Zendesk产品的一个或多个位置运行。亚博例如，支持应用程序可以在票务侧栏、导航栏或两者中运行。每个位置在iframe中运行一个单独的应用实例。

属性配置应用程序的位置manifest.json文件的位置财产。该属性还指定每个位置的iframe的源URL。

检查应用程序的位置

1. 在hello_world文件夹,打开manifest.json在文本编辑器中。

2. 确保位置属性包含以下内容:

                  
   
                   
   .．.“位置”<跨度类＝＂sc-daBunf NFFkp token operator" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">：<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">｛<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">“支持”<跨度类＝＂sc-daBunf NFFkp token operator" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">：<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">｛<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">“ticket_sidebar”<跨度类＝＂sc-daBunf NFFkp token operator" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">：<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">｛<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">“url”<跨度类＝＂sc-daBunf NFFkp token operator" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">：<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">“资产/ iframe.html”<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">，<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">“灵活”的<跨度类＝＂sc-daBunf NFFkp token operator" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">：<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">真正的<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">｝<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">｝<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">｝<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">，<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">.．.
                  

   的支持而且ticket_sidebar键确保应用程序运行在票证侧栏的Zendesk支持。亚博的url值确保侧栏应用程序的iframe显示资产文件夹的iframe.html文件。

3. 关闭manifest.json．

本地运行应用程序

接下来，使用ZCLI在本地运行应用程序。这可以让你在进行更改时测试应用程序。

本地运行应用程序

1. 在终端中，导航到hello_world文件夹中。例子:

                  
   
                   
   cd / hello_world项目
                  

2. 使用ZCLI为应用程序启动本地web服务器。

                  
   
                   
   NPX @亚博zendesk/zcli apps:服务器
                  

   注意:按“Ctrl+C”停止服务器。

3. 在浏览器中打开一个匿名或私人窗口。

   隐身或私有窗口不会缓存应用程序使用的文件。缓存的文件可能会阻止浏览器显示应用程序的最新更改。

4. 登录到Zendesk 亚博Support并进入代理工作区。从工作空间打开一张票据。URL应该是这样的:

   https://{子域名}.zendes亚博k.com/agent/tickets/ {ticket_id}

5. 附加? zcli_apps = true到URL并按“Enter”。URL现在应该是这样的:

   https://{子域名}.zendes亚博k.com/agent/tickets/ {ticket_id} ? zcli_apps = true

6. 点击Apps图标。

   

   应用程序会显示一个“Hello, World!”的标题。

   

获取用户名

您可以使用Zendesk亚博 Apps框架(ZAF) api从应用程序访问Zendesk资源。例如，您可以使用ZAF api获取当前亚博电脑端用户的名称或添加注释到票据。

为了访问ZAF api, Zendesk应用亚博程序使用了一个称为ZAF SDK的JavaScript库。SDK包括一个ZAF客户端。您可以使用该客户端的方法进行ZAF API调用。

要完成应用程序，使用ZAF客户端获取当前用户的名称。然后添加JavaScript代码以在应用程序中显示该名称。

获取并显示用户名

1. 在应用的资产文件夹,打开iframe.html在文本编辑器中。

2. 取代< h2 >标记如下:

                  
   
                   
   .．.<<跨度类＝＂sc-daBunf NFFkp token tag" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">h2<跨度类＝＂sc-daBunf NFFkp token tag" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">类<跨度类＝＂sc-daBunf NFFkp token tag attr-value punctuation attr-equals" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">＝<跨度类＝＂sc-daBunf NFFkp token tag attr-value punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">＂<跨度类＝＂sc-daBunf NFFkp token tag attr-value" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">u-semibold u-fs-xl<跨度类＝＂sc-daBunf NFFkp token tag attr-value punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">＂<跨度类＝＂sc-daBunf NFFkp token tag punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">><跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">你好,<跨度类＝＂sc-daBunf NFFkp token tag punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0"><<跨度类＝＂sc-daBunf NFFkp token tag" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">跨度<跨度类＝＂sc-daBunf NFFkp token tag" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">id<跨度类＝＂sc-daBunf NFFkp token tag attr-value punctuation attr-equals" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">＝<跨度类＝＂sc-daBunf NFFkp token tag attr-value punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">＂<跨度类＝＂sc-daBunf NFFkp token tag attr-value" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">的名字<跨度类＝＂sc-daBunf NFFkp token tag attr-value punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">＂<跨度类＝＂sc-daBunf NFFkp token tag punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">><跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">世界<跨度类＝＂sc-daBunf NFFkp token tag punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0"><跨度类＝＂sc-daBunf NFFkp token tag" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">跨度<跨度类＝＂sc-daBunf NFFkp token tag punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">><跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">！<跨度类＝＂sc-daBunf NFFkp token tag punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0"><跨度类＝＂sc-daBunf NFFkp token tag" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">h2<跨度类＝＂sc-daBunf NFFkp token tag punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">><跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">.．.
                  

   此更改将“World”文本包装在< span >标签。稍后，您将更新应用程序以动态地将此文本替换为当前用户的名称。

3. 确保文件的<身体>包含以下内容< >脚本标签:

                  
   
                   
   <<跨度类＝＂sc-daBunf NFFkp token tag" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">脚本<跨度类＝＂sc-daBunf NFFkp token tag" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">src<跨度类＝＂sc-daBunf NFFkp token tag attr-value punctuation attr-equals" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">＝<跨度类＝＂sc-daBunf NFFkp token tag attr-value punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">＂<跨度类＝＂sc-daBunf NFFkp token tag attr-value" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">https://static.zdassets.com/亚博zendesk_app_framework_sdk/2.0/zaf_sdk.min.js<跨度类＝＂sc-daBunf NFFkp token tag attr-value punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">＂<跨度类＝＂sc-daBunf NFFkp token tag punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">><跨度类＝＂sc-daBunf NFFkp token script" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0"><跨度类＝＂sc-daBunf NFFkp token tag" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">脚本<跨度类＝＂sc-daBunf NFFkp token tag punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">>
                  

   标记导入ZAF SDK。

4. 确保<身体>还包含以下内容< >脚本标签:

                  
   
                   
   <<跨度类＝＂sc-daBunf NFFkp token tag" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">脚本<跨度类＝＂sc-daBunf NFFkp token tag punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">><跨度类＝＂sc-daBunf NFFkp token script language-javascript" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">//初始化app框架客户端。参见:<跨度类＝＂sc-daBunf NFFkp token script language-javascript" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">/ / https://developer亚博.zendesk.com/apps/docs/developer-guide/getting_started<跨度类＝＂sc-daBunf NFFkp token script language-javascript" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">var<跨度类＝＂sc-daBunf NFFkp token script language-javascript" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">客户端<跨度类＝＂sc-daBunf NFFkp token script language-javascript operator" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">＝<跨度类＝＂sc-daBunf NFFkp token script language-javascript" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">ZAFClient<跨度类＝＂sc-daBunf NFFkp token script language-javascript punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">．<跨度类＝＂sc-daBunf NFFkp token script language-javascript method function property-access" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">初始化<跨度类＝＂sc-daBunf NFFkp token script language-javascript punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">（<跨度类＝＂sc-daBunf NFFkp token script language-javascript punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">）<跨度类＝＂sc-daBunf NFFkp token script language-javascript punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">；<跨度类＝＂sc-daBunf NFFkp token script language-javascript" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">.．.<跨度类＝＂sc-daBunf NFFkp token script language-javascript" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0"><跨度类＝＂sc-daBunf NFFkp token tag" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">脚本<跨度类＝＂sc-daBunf NFFkp token tag punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">>
                  

   脚本标记设置ZAF客户机的一个实例。您可以使用客户端的方法从应用程序访问ZAF api。

5. 将以下JavaScript添加到< >脚本标签:

                  
   
                   
   <<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">脚本<跨度类＝＂sc-daBunf NFFkp token operator" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">><跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">//初始化app框架客户端。参见:<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">/ / https://developer亚博.zendesk.com/apps/docs/developer-guide/getting_started<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">var<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">客户端<跨度类＝＂sc-daBunf NFFkp token operator" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">＝<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">ZAFClient<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">．<跨度类＝＂sc-daBunf NFFkp token method function property-access" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">初始化<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">（<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">）<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">；<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">客户端<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">．<跨度类＝＂sc-daBunf NFFkp token method function property-access" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">调用<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">（<跨度类＝＂sc-daBunf NFFkp token string" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">“调整”<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">，<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">｛<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">宽度<跨度类＝＂sc-daBunf NFFkp token operator" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">：<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">“100%”<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">，<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">高度<跨度类＝＂sc-daBunf NFFkp token operator" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">：<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">“200 px”<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">｝<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">）<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">；<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">异步<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">函数<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">displayUserName<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">（<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">）<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">｛<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">常量<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">响应<跨度类＝＂sc-daBunf NFFkp token operator" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">＝<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">等待<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">客户端<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">．<跨度类＝＂sc-daBunf NFFkp token method function property-access" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">得到<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">（<跨度类＝＂sc-daBunf NFFkp token string" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">“currentUser.name”<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">）<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">；<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">常量<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">的名字<跨度类＝＂sc-daBunf NFFkp token operator" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">＝<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">响应<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">［<跨度类＝＂sc-daBunf NFFkp token string" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">“currentUser.name”<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">］<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">；<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">常量<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">跨度<跨度类＝＂sc-daBunf NFFkp token operator" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">＝<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">文档<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">．<跨度类＝＂sc-daBunf NFFkp token method function property-access" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">getElementById<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">（<跨度类＝＂sc-daBunf NFFkp token string" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">“名称”<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">）<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">；<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">跨度<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">．<跨度类＝＂sc-daBunf NFFkp token property-access" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">innerText<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">＝<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">的名字<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">；<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">｝<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">displayUserName<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">（<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">）<跨度类＝＂sc-daBunf NFFkp token punctuation" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">；<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0"><<跨度类＝＂sc-daBunf NFFkp token operator" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">/<跨度类＝＂sc-daBunf NFFkp token plain" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">脚本<跨度类＝＂sc-daBunf NFFkp token operator" data-garden-id="typography.codeblock_token" data-garden-version="8.39.0">>
                  

   代码使用ZAF客户端的get ()方法获取用户名currentUser对象。的文本< span >使用此用户名标记。

6. 保存iframe.html．

7. 在浏览器中，重新加载Agent Workspace页面。应用程序现在显示您的用户名。

   

下一个步骤

恭喜你!您已经为Zendesk支持创建了一个基本应用程序。亚博下一步，考虑以下任务:

• 安装和配置ZCLI。一个已安装的、经过验证的ZCLI版本允许你打包并上传应用到你的Zendesk实例。亚博看到使用ZCLI．

• 使用v2 REPL应用程序来探索ZAF客户端的更多功能。看到测试应用程序框架．

• 有关更深入的应用程序教程，请完成构建第一个支持应用程序教程系列。