了解更多企业以及行业的动态

立即咨询
您现在所在的位置是: 首页> 资讯> 行业动态
微信小程序微信登录开发:一份新人版官方文档的话入口按钮介绍及解析|昱远信息系统开发
发布:2022-05-07 浏览:204

我最近一直在开发微信小程序。我负责前后端,吃了不少苦。

网上客服新闻开发有很多,但大多并不详尽。新手有很多陷阱。最后我会按照官方文档一步步往下走,写一个新人版本供大家参考。请纠正我。

注意:如果要参考官方文档,这里是我推荐的A阅读顺序

contact-button按钮介绍,这里是入口

如何开发微信小程序?_微信小程序如何开发_微信小程序微信登录开发

#%E8%BF%9B%E5%85%A5%E4%BC%9A%E8 %AF%9D%E4%BA%8B%E4%BB%B6

然后了解用户在客服会话中发送短信时产生的数据包结构

最后看我们向客户发送客服消息的数据包结构

如果有图文如何开发微信小程序?,看media_id获取素材(注:微信公众号的media_id和小程序的media_id有不同的获取接口,我没有很久没有仔细看)

微信小程序如何开发_微信小程序微信登录开发_如何开发微信小程序?

官方客服消息有两种

第一个是在小程序中添加联系人按钮标签。 《客服留言》

第二个是网页版的“客服留言”。在小程序平台中,选择“客服留言”,添加客服人员。这里就不多说了。

网上资料都让你配置“消息推送”。其实“消息推送”就是实现“客服消息”的第一个功能。将数据包发送到你设置的url,我们就可以得到传递过来的数据,然后做相应的处理。

如何开发微信小程序?_微信小程序微信登录开发_微信小程序如何开发

首先我们需要配置“消息推送”如何开发微信小程序?,进入小程序平台,选择“设置”->“开发设置”->“消息推送”->点击“启用”

启用后需要填写url(即需要处理消息回复消息,写逻辑函数,我习惯用php做后台,所以服务器地址是), token可以随便写,只要和你url对应的php中的token一样,最后的数据格式就是你希望微信后台发给你什么格式。个人比较喜欢json,本文也以json为例

如何开发微信小程序?_微信小程序如何开发_微信小程序微信登录开发

配置完成后点击提交,即可成功提交token验证 app软件开发 ,以下是验证token部分

$signature = $_GET["signature"];
$timestamp = $_GET["timestamp"];
$nonce = $_GET["nonce"];
    
$token = TOKEN;  //TOKEN 写自己在微信平台填入的token
$tmpArr = array($token, $timestamp, $nonce);
sort($tmpArr, SORT_STRING);
$tmpStr = implode( $tmpArr );
$tmpStr = sha1( $tmpStr );
    
if( $tmpStr == $signature ){
     return true;
}else{
     return false;
}

提交成功后,恭喜你非常接近成功如何开发微信小程序?,然后打开url对应的文件

	define("TOKEN", "");  //填写自己的token
	if (isset($_GET['echostr'])) {			//校验服务器地址URL
		valid();
	}else{
		responseMsg();
	}
     function valid()
    {
        $echoStr = $_GET["echostr"];
        if(checkSignature()){
            header('content-type:text');
            echo $echoStr;
            exit;
        }else{
            echo $echoStr.'+++'.TOKEN;
            exit;
        }
    }
     function checkSignature()
    {
        $signature = $_GET["signature"];
        $timestamp = $_GET["timestamp"];
        $nonce = $_GET["nonce"];
    
        $token = TOKEN;
        $tmpArr = array($token, $timestamp, $nonce);
        sort($tmpArr, SORT_STRING);
        $tmpStr = implode( $tmpArr );
        $tmpStr = sha1( $tmpStr );
    
        if( $tmpStr == $signature ){
            return true;
        }else{
            return false;
        }
    }
     function responseMsg()
    {
        $postStr = file_get_contents('php://input');   //此处推荐使用file_get_contents('php://input')获取后台post过来的数据
        if (!empty($postStr) && is_string($postStr)){
		$postArr = json_decode($postStr,true);
            if(!empty($postArr['MsgType']) && $postArr['MsgType'] == 'text'){   //用户发送文本消息
                $fromUsername = $postArr['FromUserName'];   //发送者openid
                $media_id = '';   //输入想要回复的图片消息的media_id
                $data=array(
                    "touser"=>$fromUsername,
                    "msgtype"=>"image",
                    "image"=>array("media_id"=>$media_id)
                );
                $json = json_encode($data,JSON_UNESCAPED_UNICODE);  //php5.4+
                requestAPI($json);
            }elseif(!empty($postArr['MsgType']) && $postArr['MsgType'] == 'image'){ //用户发送图文消息
                $fromUsername = $postArr['FromUserName'];   //发送者openid
		$media_id = '';   //输入想要回复的图片消息的media_id
                $data=array(
                    "touser"=>$fromUsername,
                    "msgtype"=>"image",
                    "image"=>array("media_id"=>$media_id)
                );
                $json = json_encode($data,JSON_UNESCAPED_UNICODE);  //php5.4以上版本才可使用
                requestAPI($json);				
            }elseif($postArr['MsgType'] == 'event' && $postArr['Event']=='user_enter_tempsession'){ //用户进入客服
                $fromUsername = $postArr['FromUserName'];   //此处为文字回复,不同的回复方式可参考文章顶部第三个链接“回复客户消息”里查看
                $content = '你好,你的专属海报正在制作中,请稍后回复“1”获取海报';
                $data=array(
                    "touser"=>$fromUsername,
                    "msgtype"=>"text",
                    "text"=>array("content"=>$content)
                );
                $json = json_encode($data,JSON_UNESCAPED_UNICODE);  //php5.4+
                requestAPI($json);   
            }else{
                exit('error');
            }
        }else{
            echo "empty";
            exit;
        }
    }
	function requestAPI($json){
		$access_token = get_accessToken();
		/* 
		 * POST发送https请求客服接口api
		 */
		$url = "https://api.weixin.qq.com/cgi-bin/message/custom/send?access_token=".$access_token;
		//以'json'格式发送post的https请求
		$curl = curl_init();
		curl_setopt($curl, CURLOPT_URL, $url);
		curl_setopt($curl, CURLOPT_POST, 1); // 发送一个常规的Post请求
		curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, FALSE);
		curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, FALSE);
		if (!empty($json)){
			curl_setopt($curl, CURLOPT_POSTFIELDS,$json);
		}
		curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
		//curl_setopt($curl, CURLOPT_HTTPHEADER, $headers );
		$output = curl_exec($curl);
		if (curl_errno($curl)) {
			echo 'Errno'.curl_error($curl);//捕抓异常
		}
		curl_close($curl);
		if($output == 0){
			echo 'success';exit;
		}
	}		
    /* 调用微信api,获取access_token,有效期7200s*/
    function get_accessToken(){
	$url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=wx****&secret='***'; //替换成自己的小程序id和secret
	@$weixin = file_get_contents($url);
	@$jsondecode = json_decode($weixin);
	@$array = get_object_vars($jsondecode);
	$token = $array['access_token'];
	return $token;
    }

微信小程序如何开发_微信小程序微信登录开发_如何开发微信小程序?

最后进入自己的微信小程序,在需要的地方添加contact-button标签即可


这里强调一下,修改后台代码后一定要记得先清除微信缓存,一定要彻底退出小程序再重新进入测试,保证我们的修改可以实时更新

最后,我们来看看效果图。有什么问题可以讨论哦~( ̄▽ ̄~)~

【昱远信息系统开发定制】

本站声明: 本文章内容来源于互联网,文章内容仅供用户参考。本公司不能完全保证文章内容的准备性、时效性。如果因本文章对用户造成了任何损失或者损害,本公司将不会承担任何法律责任。如果涉及到版权问题,请提交到wikins@nbyuyuan.com

  • 立即与昱远顾问通话
    电话咨询
  • 在线咨询
  • 扫一扫添加微信
    微信咨询
  • 与昱远顾问QQ咨询
    QQ咨询