본고에서 우리는 최소한의 코드 방법을 어떻게 사용하고 제3자 서비스에 의존하여 고객 지원 기능을 실현하는지 배울 것이다.많은 경우 고객 지원 기능을 구현해야 할 수도 있습니다.아마도 당신은 자신의 제품을 개발하고 있거나, 운영을 개선해야 할 회사를 위해 일하고 있을 것이다.
코로나로 전자상거래는 대다수 기업의 주요 우려가 됐다.지금은 반드시 양호한 고객 지원 전략을 세워야 한다.온라인 소비자들은 온라인 실시간 채팅이나 다중 채널 소통 등의 기능을 필요로 하고 온라인 기업이 높은 호응력을 제공하기를 기대한다.
전염병은 기업에 전대미문의 불확실성을 가져왔고 기업은 가능한 한 짧은 시간 안에 적응해야 한다.따라서 우리는 진정으로 제3자 서비스를 사용하고 최소한의 코드 방법을 사용할 것이다.이것은 우리로 하여금 상장 시간과 개발 원가를 크게 줄일 수 있게 한다.Zendesk와 Azure 모두 우리의 업무 규모와 수요에 따라 제품과 가격을 조정할 수 있기 때문에 운영 원가도 매우 유연하다.

Zendesk

우리가 해야 할 첫 번째 일은 방문 https://www.zendesk.com/ 을 하고 계정을 만드는 것이다.나는 이 점을 어떻게 하는지 기록하지 않을 것이다. 왜냐하면 Zendesk는 매우 직관적이고 좋은 문서가 있기 때문이다.
계정을 만들면 설정 페이지와 채널 섹션에 액세스하여 지원 이메일을 확인할 수 있습니다.

이 e-메일 주소의 형식은 [email protected]여야 합니다.너는 이 주소를 기억해야 한다. 왜냐하면 우리는 이후에 그것을 필요로 하기 때문이다.
그런 다음 Channel 섹션 아래의widget 섹션에 액세스하여 연락처 양식 및 웹 채팅 기능을 사용할 수 있습니다.

설정에 액세스하면 설치 설명서를 찾을 수 있습니다.

웹 사이트 소스 코드에 스크립트 태그 하나만 추가하면 됩니다.

<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"></script>

고객 지원 에이전트가 온라인에 없을 때 표시되는 연락처 양식 위젯을 활성화했습니다.

또한 고객 지원 에이전트가 온라인 상태일 때 표시되는 실시간 채팅 위젯도 활성화했습니다.

그리고 작은 아이콘이 웹 페이지의 오른쪽 아래에 표시됩니다.사용자가 아이콘을 클릭하면 연락처 양식이나 실시간 채팅 양식이 표시됩니다.
이상적인 상황에서, 우리는 우리의 모든 고객 요구를 단일하게 관리하기를 희망한다.요청은 웹 사이트, 이메일 또는 소셜 미디어를 통해 이루어질 수 있습니다.

웹: 이제 웹 사이트에서 요청을 관리할 준비가 되었습니다.

전자메일: 전자메일 요청을 관리하려면 회사의 전자메일 주소에서 Zendesk 전자메일 주소로 전자메일을 전송할 수 있습니다.

소셜미디어: Zendesk의 채널 설정을 방문하여 소셜미디어 계정을 Zendesk와 연결할 수 있습니다.

통의 전화.Zendesk는 또한 고객이 티켓 구매를 요구할 때 전화를 관리할 수 있도록 합니다.자세한 내용은 Zendesk 설명서를 참조하십시오.

Azure 논리 애플리케이션

대부분의 경우 기본 Zendesk 구현은 시작에 충분합니다.그러나 내 경우에는 추가 맞춤형 연락처가 필요합니다.

나는 이 표의 가시성이 매우 높아야 하는데, 오른쪽 아래에 있는 '도움말' 단추는 나에게 충분한 가시성이 없다.웹form은 React와 Formik을 사용하여 이루어졌습니다.
이 양식을 사용하여 보낸 요청을 Zendesk에 보내고 싶습니다.가장 간단한 해결 방안은 Zendesk 지원 전자 우편 주소로 전자 우편을 보내는 것이다.폼의 세부 사항을 JSON으로 하고, Zendesk 지원 전자 우편 주소로 전자 우편을 보내는 HTP POST 단점을 실현해야 합니다.나는 가능한 한 적은 코드로 이 점을 실현하고 싶다. 첫 번째는 Azure 함수를 사용하는 것이다.
Azure 함수를 사용하려면 HTTP 트리거와 전자 메일을 보내는 코드를 정의해야 합니다.전자 우편 서버에서 전자 우편을 보낼 수 있도록 관리 권한이 필요합니다.이것은 결코 번거로운 일이 아니지만, 코드를 저장소에 저장하고 배치하는 등등을 필요로 한다. 이렇게 간단한 일에는 작업량이 너무 많다.나는 더 좋은 방법을 찾고 싶다. 이것이 바로 내가 최종적으로 Azure Logic 프로그램을 사용하는 이유이다.
Azure 포털에 액세스하여 새 Azure Logic 응용 프로그램을 만들고 디자이너를 사용하여 응용 프로그램의 논리 규칙을 만들 수 있습니다.우리가 해야 할 첫 번째 일은 HTTP POST 요청에 대한 HTTP 트리거를 정의하는 것입니다.

요청 주체의 예시를 붙여넣을 수 있습니다. Logic App 디자인러는 자동으로 요청 모드로 전환합니다.
논리를 저장하면 Azure에서 응용 프로그램에서 호출할 수 있는 URL이 생성됩니다.
우리가 해야 할 두 번째 일은 절차를 추가하는 것이다.

HTTP 응답으로 돌아가려면 다음 단계를 추가해야 합니다.

그리고 전자 우편을 보내기 위해 병렬 절차를 추가해야 합니다.내 경우, 나는 Gmail을 사용하지만, 다른 통합은 사용할 수 있다.

원본 HTTP 요청에서 데이터를 추출하여 전자 메일 메시지에 추가해야 합니다.다음과 같은 표현식을 사용할 수 있습니다.

우리는 triggerBody()를 사용하여 요청체에 접근하고 json(triggerBody())를 사용하여 이를 JSON으로 전환할 수 있다.그리고 우리는 요청 본문의 속성을 다음과 같이 방문할 수 있다json(triggerBody()).company.
그런 다음 모든 컨텐츠를 저장하고 두 가지 리소스를 만들 수 있습니다.

그런 다음 웹 응용 프로그램에서 HTTP 요청을 전송하여 logic 응용 프로그램에서 HTTP 트리거를 호출할 수 있습니다.

const response = await fetch(`INSERT_THE_TRIGGER_URL_HERE`, {
    method: "POST",
    body: JSON.stringify(values),
});
const json = response.json();

그런 다음 브라우저 개발자 도구를 사용하여 요청이 성공했는지 확인할 수 있습니다.

마지막으로 Azure Logic 애플리케이션 모니터링 섹션으로 이동하여 모든 단계가 예상대로 작동하는지 확인합니다.장애가 발생하면 모니터링 툴이 다음과 같은 세부 정보를 제공합니다.

만일 모든 것이 정상이라면, 현재 Zendesk 고객 지원 대시보드에 새로운 기록이 있어야 합니다.

이 논리 프로그램을 실행하는 운영 비용은 거의 제로입니다. 우리는 매년 60달러만 있으면 Zendesk를 사용할 수 있습니다.우리는 지금 몇 시간 내에 전문적인 고객 지원 체험을 제공할 수 있을 뿐만 아니라 원가도 저렴하다!
보시다시피 Azure Logic 애플리케이션은 코드가 거의 필요 없는 진정한 비즈니스 요구 사항을 해결하는 데 도움을 줍니다.이것은 우리로 하여금 전대미문의 불확실성 시대에 더욱 빨리 행동하고 적응할 수 있게 한다.