微信公众号开发踩坑指南（3）——公众号返回超链接点击跳转并自动关闭

前段时间产品提了一个听起来很奇葩的需求，其实做起来也感觉很奇葩。

公众号在触发某些事件后，返回给用户具体的文案回复，但这个文案回复需要带超链接的，在用户点击超链接之后做一些CURD操作并改变改用户的状态，然后自动的关闭刚才点击超链接打开的窗口。

这个需求听起来感觉不是很难，但做起来还是有一些坑的。

第一坑：

用户触发事件返回文案，这个如果是点击菜单触发文案就很好做，但需要的是点击超链接后仍然返回相应的文案。

看了公众号开发文档之后发现微信公众号发送回复消息只有两种：

1、被动回复消息，这个需要用户发送相应的消息之后才会回复用户，在用户不发消息的情况下就触发不了这个条件，所以说这个接口是不行的。

 2、客服消息，需要产生以下动作交互，这样看起来我们点击超链接的动作并不会触发客服消息接口，那怎么办呢？

 看起来是没办法也不行啊，谁让接了这个奇葩的需求呢（下次接之前一定要考虑好）。所以现在就只能想办法如何调用客服消息了，客服消息不能由公众号的事件触发但我们可以写到接口中去触发，这又涉及到了微信网页开发。

第二坑：

微信网页授权

如果用户在微信客户端中访问第三方网页，公众号可以通过微信网页授权机制，来获取用户基本信息，进而实现业务逻辑。

关于网页授权回调域名的说明

1、在微信公众号请求用户网页授权之前，开发者需要先到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中，修改授权回调域名。请注意，这里填写的是域名（是一个字符串），而不是URL，因此请勿加 http:// 等协议头；

2、授权回调域名配置规范为全域名，比如需要网页授权的域名为：www.qq.com，配置以后此域名下面的页面http://www.qq.com/music.html 、 http://www.qq.com/login.html 都可以进行OAuth2.0鉴权。但http://pay.qq.com 、 http://music.qq.com 、 http://qq.com无法进行OAuth2.0鉴权

3、如果公众号登录授权给了第三方开发者来进行管理，则不必做任何设置，由第三方代替公众号实现网页授权即可

因为要在点击我们的链接时跳到自己配置的第三方网站，所以要配置微信网页授权，同时引入微信开发的JSSDK。这里就不详细介绍了，关于微信网页开发的文章也有很多。

第三坑：

微信网页打开后自动关闭：

需要调用微信自带的

closeWindow方法

但在此之前需要进行相应的配置并在JS中引入。

 

 

 第四坑：

微信返回的文案中带超链接的话需要转义，而且容易出现链接不正确的现象。

$url= "<a href='$url1'>输入你要显示的文案</a>";

$url1这个地方如果直接写http://www.baidu.com这种形式的话简单的链接可以但如果后面带参数很容易出问题，所以先把你要跳转的链接定义为变量再来用。

 

这次的需求虽然有点奇葩但在开发中却学到了一些之前没理解的东西，微信开发自带的接口大部分都是可以在任何地方调用的，包括你的第三方接口，只要你能提供校验的秘钥和token可以对上即可，并不是只能在微信开发配置上填写的入口文件调用，不要被限制住了。

因为拖延，这次记录离做完需求也有一段时间了，有一些细节记不清楚了，但大概思路是没问题的，之前在网上也没搜到相应的博客记录，写出来仅供大家参考。