연락 제어판(CCP)에 대한 향후 변경 사항

연락 제어판(CCP)의 모양과 느낌에 대한 업데이트를 릴리스합니다. 이 업데이트는 에이전트에 대한 애플리케이션을 더 직관적이고 신속하게 만들 수 있도록 설계되었습니다.

참고

CCP의 레이아웃과 기능은 이 시각적 새로 고침의 일부로 변경되지 않습니다. 업데이트된 CCP의 모양 예시는 시각적 새로 고침의 이전 및 이후 예시 섹션을 참조하세요.

예정된 시각적 새로 고침에 대해 궁금한 점이 있으면 Support 또는 기술 계정 관리자에게 문의하세요.

CCP에 액세스하는 방법에 따라 변경 사항을 미리 보거나 업데이트된 사용자 인터페이스를 사용하기 시작할 수 있습니다. 이 업데이트는 다음을 사용하는 고객에게 릴리스되었습니다.

CCP-V2, 즉 URL이 /ccp-v2로 끝남
Amazon Connect Streams API를 사용하여 임베딩된 사전 빌드된 CCP
Amazon Connect Salesforce CTI 어댑터

변경 사항이 자동으로 릴리스되기 전에 미리 보려는 경우가 아니면 옵트인하는 데 아무런 조치를 취하지 않아도 됩니다.

업데이트된 CCP를 미리 보는 방법

다음 단계를 완료하여 사용 사례에 대해 업데이트된 CCP를 미리 봅니다.

Amazon Connect Streams API를 사용합니다.

참고

CCP의 시각적 새로 고침을 미리 보려면 Amazon Connect Streams 버전 2.14.3 이상을 사용해야 합니다. 나중에 업데이트된 CCP를 자동으로 수신하기 위해 Amazon Connect Streams 버전을 업그레이드할 필요는 없습니다.

Amazon Connect Streams API를 사용하여 사전 빌드된 CCP를 포함하는 경우 다음 단계를 완료하여 Amazon Connect 인스턴스에서 업데이트된 CCP 사용자 인터페이스를 사용합니다.

initCCP 직접 호출에서 ccpUrl을 업데이트하여 "?visual-refresh=true"를 포함합니다. 예시:


connect.core.initCCP(containerDiv, { 
  ccpUrl: "example-instance.my.connect.aws/ccp-v2/?visual-refresh=true", 
  ... 
});

또는 initApp을 사용하여 CCP를 에이전트 앱으로 초기화하는 경우 다음과 같이 코드를 업데이트할 수 있습니다.
```
connect.agentApp.initApp(
"ccp",
"ccp-container",
connectUrl + "/ccp-v2?visual-refresh=true",
...
);
```
유연성을 높이기 위해 if 또는 기타 조건부 로직을 쉽게 추가할 수 있습니다. 예를 들어 현재 개발자 Amazon Connect 인스턴스에서만 업데이트된 사용자 인터페이스를 활성화하려면 다음 로직을 사용할 수 있습니다.
```
let ccpUrl = connectUrl + "/ccp-v2/";
if (isDevInstance(connectUrl)) {
ccpUrl += "?visual-refresh=true";
}

connect.core.initCCP(containerDiv, {
ccpUrl
...
});
```

다음 이미지는 사용자 지정 에이전트 애플리케이션에 임베딩될 때 업데이트된 CCP 사용자 인터페이스가 어떻게 표시되는지 보여주는 예를 보여줍니다.

독립형 CCP-V2를 사용하는 경우

CCP-V2를 독립 실행형 에이전트 애플리케이션으로 사용하는 경우 브라우저에서 URL을 변경하여 업데이트된 CCP 사용자 인터페이스를 미리 볼 수 있습니다.

시작:

https://instancename.my.connect.aws/ccp-v2/

끝:

https://instancename.my.connect.aws/ccp-v2?visual-refresh=true

새로 고치거나 페이지에서 벗어나면 Amazon Connect는 사용자 인터페이스를 이전 모양과 느낌으로 되돌립니다.

시각적 새로 고침의 이전 및 이후 예시

이 섹션의 이미지는 현재 CCP 사용자 인터페이스와 예정된 CCP가 어떻게 다른지를 보여줍니다. 업데이트된 CCP 사용자 인터페이스는 더 강력한 색상 대비, 버튼의 업데이트된 시각적 스타일, 업데이트된 아이콘 그래픽, 인터페이스 전반에서 더 빠르고 시각적으로 일관된 요소를 특징으로 합니다.

시각적 새로 고침 전: 기본 상태