Flutter와 Zendesk 통합
내용의 테이블
🕹 소개
Zendesk은 캘리포니아 주 샌프란시스코에 본사가 있는 미국 회사입니다. 고객 지원, 영업 및 기타 고객 커뮤니케이션과 관련된 Saas(Software-as-a-Service) 제품을 제공합니다.이 SaaS는 사용자와 기업을 위한 발권 플랫폼을 제공합니다. 이 문서에서는 Zendesk를 Flutter 애플리케이션에 쉽게 통합하고 최고의 경험을 위해 Zendesk 대시보드를 설정 및 구성하는 방법을 알아봅니다.
NB: This article covers both the android and iOS Flutter platform
🎥 팁
Before we continue, there are somethings I'd love to get out of the way,
You should be familiar with Flutter and how to add Packages.
Already created a zendesk admin account or have access to it. If you don't (probably as the developer), do well to reach out to the person managing the zendesk platform, share this article or explain the information you'll be needing from them.
🧰 Zendesk Flutter 패키지
There are lots of zendesk packages on the pub.dev platform, but I found one to be very detailed and worked well for me. Click on zendesk_messaging 현재 버전을 복사하고 pubspec.yaml 파일에 추가합니다.🎥 구현
Once you have added the package to your pubspec.yaml, run the below code in the terminal of your project's root.
flutter pub get
🎙 채널 메시지 설정
On your zendesk admin dashboard, with side navigation bar, go to the Channel -> Messaging and Social, select the message tab.
아직 메시징 채널이 추가되지 않은 경우 '채널 추가' 드롭다운 버튼을 클릭하여 옵션을 선택해야 합니다. 여기서는 'Android 및 iOS'가 됩니다.
Android 또는 iOS 채널을 선택하면 설정으로 이동하여 "채널 키"를 찾을 수 있습니다. 이것을 복사하여 코드에 저장하십시오.
NB: 플랫폼에 따라 다르므로 Android와 iOS 모두 채널 키가 다릅니다.
위의 이미지에서 6개의 탭을 볼 수 있습니다.
1. The Basic, which is essentially where you see the name
of the channel you're currently working on.
2. The Style, here you set the color of the zendesk on
either platform you're working on, you could provide
your app's color, so it'll still match your beautiful
UI.
3. The Response, you get to configure how to respond to
messages, add bot privileges etc...
4. The Notification, well it's like adding Firebase Cloud
Messaging, for push notifications in your mobile app.
5. The Authentication, here, you'll be redirected to go
setup your "jwt", a short form of "Javascript Web
Token", which plays a vital role, in recognising and
retaining users once they are chatting with you (The
help center)
📲 코드베이스
Like I said previously, if you (as a developer), don't have access to the zendesk dashboard, you can request for the above information from the person managing the dashboard.
애플리케이션에서 Zendesk를 초기화하는 중입니다.
// paste the android and ios channel keys you earlier copied out here.
// These keys, should be placed in a .env file, and added to the .gitignore file, so you don't check it into any version control system.
final String androidChannelKey = '';
final String iosChannelKey = '';
@override
void initState() {
super.initState();
ZendeskMessaging.initialize(
androidChannelKey: androidChannelKey,
iosChannelKey: iosChannelKey,
);
}
Zendesk 표시
ZendeskMessaging.show();
NB: 위의 방법은 선택한 GestureDetector(예: 버튼의 onTap)에 추가하여 Zendesk 플랫폼을 팝업할 수 있습니다.
사용자 인증
이것은 선택 사항이지만 플랫폼 간에 사용자 채팅을 추적하려는 경우에 필요합니다. 즉, 사용자가 응용 프로그램을 닫았다가 다시 열면 채팅 기록이 거기에 있게 됩니다.
추신: 인증하기 전에 Zendesk를 초기화해야 합니다.
// Remember the 'jwt' from the Authentication tab on your zendesk dashboard, replace the "YOUR_JWT" with your actual 'jwt'
final ZendeskLoginResponse result = await ZendeskMessaging.loginUser(jwt: "YOUR_JWT");
await ZendeskMessaging.logoutUser();
Reference
이 문제에 관하여(Flutter와 Zendesk 통합), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/gikwegbu/integrating-zendesk-with-flutter-2jol텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
