php版微信api制作多客服插件例子

其实多客服插件很简单，就是简单的HTML结构。当然结合异步AJAX来获取数据。至于微信后台怎么设置插件的URL这里不多说了，看看API，别告诉我你不懂？做个插件代码中只需要调用微信官方给出的window.external.PutMsg(JSON)就可以选定的三种内容（文本、图片、图文）调到多客服软件的发送框！下面以发送图片为例。过程中是AJAX后台取图片，然后显示出来，再鼠标单击点选发送。（注意微信发图片有大小限制，请看官方API）
效果图：
client
一、我们要组织的JSON格式：
{
        msg:{
            head:{
                random:(new Date()).valueOf().toString()
            },
            body:[{
                type:1,
                content:{
                    picUrl:imageUrl
                }
            }]
        }
    }

二、插件my_plugin.html排版布局的HTML（即插件窗口）最好是响应式，不过写固定宽度也行，官方给出的推荐宽度是420px

三、后台PHP要处理的获取图片目录的代码：（这个自由发挥了）
class GetImage {
    const
        HOST = 'http://www.wp83.net/',
        JPG = 'jpg';
    public
        $files = array();
    protected static
        $allow_types = array(self::JPG);
 
    public function __construct($dir){
        $this->get_allfiles($dir, $this->files);
    }
 
    private function get_allfiles($path,&$files) {
        if(is_dir($path)){
            $dp = dir($path);
            while ($file = $dp ->read()){
                if($file !="." && $file !=".."){
                    $this->get_allfiles($path."/".$file, $files);
                }
            }
            $dp ->close();
        }
        if(is_file($path)){
            $type = substr($path,-3);
            if(in_array($type, self::$allow_types))
                $files[] =  self::HOST.$path;
        }
    }
}
$dir = 'wp-content/uploads';
$images = new GetImage($dir);
echo json_encode($images->files);
然后我们可以直接用浏览器调试运行没问题，再去微信后台设置插件的url。因为它只是个html
在浏览器调试效果：