置顶 如何在微信公众号中实现客服功能?
发布于 5 个月前 作者 JavaBird 431 次浏览 来自 分享

欢迎关注微信公众号:老夫撸代码 本期内容:如何在微信公众号中实现客服功能

仿腾讯客服功能

先上最终要实现的效果: WechatIMG118.png WechatIMG119.png 通过分析上述的功能,我们发现如下几点:

  1. 交互功能,采用一问一答的形式。
  2. 每个回答的内容里面又会嵌套新的问题内容。
  3. 通过3到4轮的问答形式最终解决问题。

应用场景

上述功能适用的场景有很多,比如保险咨询、教学咨询、咨询办理等等,只要是涉及到人与人之间沟通的内容,都能够以微信公众号为载体,通过在线客服的形式对外提供咨询服务,而且通过在线客服的形式引导用户完成某项业务。

代码实战

对于微信公众号的开发,老夫一般都使用PHP来实现,这里我们使用框架YII2来进行测试开发。

1. 申请微信服务号或者订阅号

微信服务号的主体是企业、政府机构以及一些组织机构可以申请。 微信订阅号的主体可以是个人。

2. YII2框架

1.浏览器访问如下地址:https://www.yiichina.com/download。 2.下载 Yii2 的基本应用程序模板 并解压。 QQ20190319-233309.png 3.下载安装 Apache ,并将目录指向 ~/basic/web。如:D:\basic\web 4.新增 basic/config/web.php 中的 cookieValidationKey,该值可以是任何字符。 5.此时通过浏览器输入 http://localhost ,如出现如下界面,则表示YII2框架安装成功了。 QQ20190319-235816.png

3. 安装 easywechat

EasyWeChat 是一个开源的 微信 非官方 SDK。 EasyWeChat 的安装非常简单,因为它是一个标准的 Composer 包,这意味着任何满足下列安装条件的 PHP 项目支持 Composer 都可以使用它。

环境需求

  1. PHP >= 7.0
  2. PHP cURL 扩展
  3. PHP OpenSSL 扩展
  4. PHP SimpleXML 扩展
  5. PHP fileinfo 拓展

我们使用PhpStorm打开basic项目,然后在终端Terminal中输入如下命令:

composer require jianyan74/yii2-easy-wechat

如果composer命令无效,请百度搜索安装。 安装完成后,我们还需要设置以下几处配置: 1.添加 SDK 到Yii2的 config/main.php 的 component:

'components' => [
	// ...
	'wechat' => [
		'class' => 'jianyan\easywechat\Wechat',
		'userOptions' => [],  // 用户身份类参数
		'sessionParam' => 'wechatUser', // 微信用户信息将存储在会话在这个密钥
		'returnUrlParam' => '_wechatReturnUrl', // returnUrl 存储在会话中
	],
	// ...
]

2.设置基础配置信息到 config/params.php:

<?php

return [
    'wechatConfig' => [
        'app_id' => '',
        'secret' => '',
        'token' => 'weixin',
        'aes_key' => '',

        // 指定 API 调用返回结果的类型:array(default)/collection/object/raw/自定义类名
        'response_type' => 'array',
        'log' => [
            'default' => 'dev', // 默认使用的 channel,生产环境可以改为下面的 prod
            'channels' => [
                // 测试环境
                'dev' => [
                    'driver' => 'single',
                    'path' => 'D:\basic\runtime\easywechat.log',
                    'level' => 'debug',
                ],
                // 生产环境
                'prod' => [
                    'driver' => 'daily',
                    'path' => '/tmp/easywechat.log',
                    'level' => 'info',
                ],
            ],
        ],
    ],

];

此时配置已经完成。 3.natapp内网穿透 因为微信公众号的开发必须要有外网服务器以及备案域名,但是我们本地开发肯定是不具备上述条件的,所以我们通过外网穿透的形式,将已经备案的域名解析到我们的本机localhost上即可。 浏览器访问链接:https://natapp.cn 大家在购买隧道的时候,在 优惠码一栏,输入 10A7707C 可以得到九折优惠。 我们按照官方教程安装配置好后,启动 natapp,会看到如下界面: QQ20190320-000355.png 为了验证是否内网穿透成功,我们在浏览器中输入上图中映射的域名:http://g3rn7v.natappfree.cc 我们看到浏览器中网页和localhost访问的页面是一样的,此时内网穿透配置成功。 … … 由于篇幅有限,关注微信公众号:老夫撸代码 回复数字 1011 查看完整教程

老夫撸代码


回到顶部