更新日期：2022年 03月 22日公众号接入文档
<h4>
<span style="font-size:16px;">一. 配置集成步骤</span>
</h4>
<p>
<span style="font-size:14px;"><br />
</span>
</p>
<p>
<span style="font-size:14px;"><br />
</span>
</p>
<p>
<span style="font-size:14px;">1. 从微信公众号后台获取 RawId(原始ID，如图1) 以及 AppId、AppSecret、AESKey、Token(如图2)</span>
</p>
<p>
<br />
</p>
<p>
<img src="https://staticsite.quickapi.net/data/newFiles/20220218/20220218102641khFY511.png" alt="" />
</p>
<p style="text-align:left;">
<span style="white-space:normal;font-size:14px;"> 图1 (复制其中的原始ID，即RawID)</span><span style="font-size:14px;"></span>
</p>
<p style="text-align:left;">
<span style="white-space:normal;font-size:14px;"><br />
</span>
</p>
<p>
<img src="https://staticsite.quickapi.net/data/newFiles/20220314/20220314103545XGNT245.png" alt="" />
</p>
<p style="text-align:left;">
<span style="white-space:normal;font-size:14px;"><span style="white-space:normal;font-size:14px;"> </span>图2 (复制其中的AppId、AppSecert、Token、AesKey)</span><span style="font-size:14px;"></span>
</p>
<p>
<span style="font-size:14px;"><br />
</span>
</p>
<p>
<span style="font-size:14px;"><br />
</span>
</p>
<p>
<span style="font-size:14px;"><br />
</span>
</p>
<p>
<span style="font-size:14px;">2. 将此5项参数配置到QuickSDK客服后台</span>
</p>
<p>
<span style="font-size:14px;"><br />
</span>
</p>
<p>
<br />
</p>
<p>
<span style="font-size:14px;">打开QuickSDK客服后台，点击 应用管理-应用列表-更多-微信配置</span>
</p>
<p>
<img src="https://staticsite.quickapi.net/data/newFiles/20220218/20220218102801dcG5473.png" alt="" />
</p>
<p>
<span style="font-size:14px;"><span style="white-space:normal;font-size:14px;"> </span>图3</span>
</p>
<p>
<br />
<span style="font-size:14px;">将从公众号后台获取到的5项参数配置到QuickSDK客服后台</span>
</p>
<p>
<img src="https://staticsite.quickapi.net/data/newFiles/20220314/20220314104232cEX7714.png" alt="" />
</p>
<p style="text-align:left;">
<span style="font-size:14px;"><span style="white-space:normal;font-size:14px;"> </span>图4</span>
</p>
<p style="text-align:center;">
<br />
</p>
<p style="text-align:center;">
<br />
</p>
<p>
<span style="font-size:14px;">3. 将QuickSDK客服后台生成的服务器通知地址以及IP白名单（见图4），配置到微信公众号后台（见图2），即可完成QuickSDK客服的集成。</span>
</p>
<p>
<span style="font-size:14px;"><br />
</span>
</p>
<p>
<span style="font-size:14px;"><span style="color:#E53333;"><strong>注意：一定要先从微信公众号后台获取参数配置到客户后台进行保存，然后再把客户后台生成的"IP白名单"以及"服务器通知地址"配置到微信公众号后台去，</strong></span><span style="color:#E53333;"><strong>因微信公众号后台点保存，是会发数据过来验证的，所以客服后台要先保存数据才能解密，要解密通过后，微信后台才能保存上</strong></span></span>
</p>
<p>
<span style="font-size:14px;"><span style="color:#E53333;"><strong><br />
</strong></span></span>
</p>
<p>
<span style="font-size:14px;"><span style="color:#E53333;"><strong><br />
</strong></span></span>
</p>
<p>
<span style="font-size:14px;"><span style="color:#E53333;"><span style="color:#000000;"><br />
</span></span></span>
</p>
<h4>
<span style="font-size:14px;"><span style="color:#E53333;"><span style="color:#000000;font-size:16px;">二. 常见问题</span><span style="color:#000000;font-size:16px;"></span></span></span>
</h4>
<p>
<span style="font-size:14px;"><span style="color:#E53333;"><span style="color:#000000;font-size:16px;"><br />
</span></span></span>
</p>
<p>
<span style="font-size:14px;"><span style="color:#E53333;"><span style="color:#000000;"><br />
</span></span></span>
</p>
<p>
<span style="font-size:14px;"><span style="color:#E53333;"><span style="color:#000000;"><span style="font-size:14px;">Q1. </span><span style="font-size:14px;white-space:normal;">微信公众号已经设置好了，为什么对话，没有进入云客服系统？</span></span></span></span>
</p>
<p>
<span style="font-size:14px;"><span style="color:#E53333;font-size:14px;"><span style="color:#000000;font-size:14px;"><span style="font-size:14px;white-space:normal;">A1：微信公众号后台需要启用下服务器配置以及获取下对话服务权限</span></span></span></span>
</p>
<p>
<span style="font-size:small;"><span style="font-size:14px;"><br />
</span></span>
</p>
<p>
<span style="font-size:small;"><span style="font-size:14px;">服务器配置启用位置：</span></span>
</p>
<p>
<span style="font-size:14px;"><span style="color:#E53333;"><span style="color:#000000;"><span style="font-size:medium;white-space:normal;"><img src="https://staticsite.quickapi.net/data/newFiles/20220322/20220322164715Mhfw268.png" alt="" /><br />
</span></span></span></span>
</p>
<p>
<span style="font-size:14px;"><span style="color:#E53333;font-size:14px;"><span style="color:#000000;font-size:14px;"></span></span></span>
</p>
<p>
<span style="font-size:14px;"><span style="color:#E53333;font-size:14px;"><span style="color:#000000;font-size:14px;"><br />
</span></span></span>
</p>
<p>
<span style="font-size:14px;"><span style="color:#E53333;font-size:14px;"><span style="color:#000000;font-size:14px;">在接口权限-对话服务里开启权限：</span></span></span>
</p>
<p>
<span style="font-size:14px;"><span style="color:#E53333;font-size:14px;"><span style="color:#000000;font-size:14px;"><img src="https://staticsite.quickapi.net/data/newFiles/20220322/20220322164314DV6O999.png" alt="" /><br />
</span></span></span>
</p>
<p>
<span style="font-size:14px;"><span style="color:#E53333;font-size:14px;"><span style="color:#000000;font-size:14px;"><br />
</span></span></span>
</p>
<p>
<span style="font-size:14px;"><span style="color:#E53333;font-size:14px;"><span style="color:#000000;font-size:14px;"><br />
</span></span></span>
</p>
<p>
<span style="font-size:14px;"><span style="color:#E53333;font-size:14px;"><span style="color:#000000;font-size:14px;"><br />
</span></span></span>
</p>
<h4>
<span style="font-size:16px;"><span style="color:#E53333;font-size:16px;"><span style="color:#000000;font-size:16px;">三. 显示效果</span></span></span>
</h4>
<p>
<span style="font-size:14px;"><span style="color:#E53333;font-size:14px;"><span style="color:#000000;font-size:14px;"><br />
</span></span></span>
</p>
<p>
<span style="font-size:14px;"><span style="color:#E53333;font-size:14px;"><span style="color:#000000;font-size:14px;"><br />
1. 在公众号中集成QuickSDK客服后，用户在公众号中的对话将转发至QuickSDK客服，并能够触发常见问题以及转接人工。达到通过公众号对话框直接与后端在线客服进行实时对话的效果</span></span></span>
</p>
<p>
<br />
</p>
<p>
<span style="font-size:14px;"><span style="color:#E53333;font-size:14px;"><span style="color:#000000;font-size:14px;"><br />
</span></span></span>
</p>
<p>
<img src="https://staticsite.quickapi.net/data/newFiles/20220218/20220218104608IpdT954.png" alt="" style="font-size:14px;" /><img src="https://staticsite.quickapi.net/data/newFiles/20220218/20220218104617NkBg292.png" alt="" style="font-size:14px;" /><img src="https://staticsite.quickapi.net/data/newFiles/20220218/20220218104626CxIS433.png" alt="" style="font-size:14px;" />
</p>
<p>
<br />
</p>
<p>
<span style="font-size:14px;"><br />
</span>
</p>
<p>
<span style="font-size:14px;"><br />
</span>
</p>
<p>
<span style="font-size:14px;">2. 针对后台客服侧，QuickSDK提供专业的客服处理工具，在工具中集成了玩家信息预取与后端工单流程，不仅可以极大的提高客服同学效率，也能更有效的将问题反馈给后端</span>
</p>
<p>
<span style="font-size:14px;"><br />
</span>
</p>
<p>
<span style="font-size:14px;"><img src="https://staticsite.quickapi.net/data/newFiles/20220218/202202181047310suW522.png" alt="" /><img src="https://staticsite.quickapi.net/data/newFiles/20220218/20220218104741GvSX856.png" alt="" /><img src="https://staticsite.quickapi.net/data/newFiles/20220218/20220218104748pYJ3711.png" alt="" /><br />
</span>
</p>
<p>
<span style="font-size:14px;"><br />
</span>
</p>
<p>
<span style="font-size:14px;"><br />
</span>
</p>
<p>
<span style="font-size:14px;">3. 后端客服工具支持多种平台，如网页版、PC桌面程序、移动版，用户消息将及时推送，不漏过任何一个成单的可能</span>
</p>
<p>
<span style="font-size:14px;"><br />
</span>
</p>
<p>
<span style="font-size:14px;"><img src="https://staticsite.quickapi.net/data/newFiles/20220218/202202181048209t4a671.png" alt="" /><br />
</span>
</p>
Copyright ©2015 All Rights Reserved
川网文[2016]2626-084 蜀ICP备16009421号