你的URL参数里藏着坑：处理URL参数里的加号

2023-12-04 15:19:36

作为一名程序猿，踩坑的经历那是相当丰富，所以，我也练就了一身快速从坑中爬出来的能力。最近，公司官网上线了一个限时优惠的活动，活动参与者可以通过分享链接获得优惠，然后再在群里和社区里就有一些小伙伴反映说，分享之后用户点击分享链接并没有增加分享次数，什么？居然有bug！活动是这样的：

访问活动页面，生成自己的专属分享链接，然后把链接分享给好友，好友通过该链接参与活动，分享者即可获得相应的优惠。

了解完业务后，我马上开始排查问题，很快定位到了问题所在：分享链接中带有加号（+）号，加号在URL编码中表示空格，而在某些情况下，加号会被解码为空格。

在浏览器中，URL参数是通过查询字符串传递的，查询字符串是URL中问号（?）之后的字符串。比如，以下URL中的查询字符串是user=张三&age=20。

https://www.example.com/index.php?user=%E5%BC%A0%E4%B8%89&age=20

当浏览器解析URL时，它会对查询字符串进行解码。解码过程如下：

将每个字符转换成对应的十六进制代码。
将每个十六进制代码转换成对应的ASCII码。
将ASCII码转换成相应的字符。

加号（+）在URL编码中的十六进制代码是2B，ASCII码是32，对应的字符是空格。因此，当浏览器解析URL时，它会将查询字符串中的加号解码为空格。

https://www.example.com/index.php?user=%E5%BC%A0%E4%B8%89%20age=20

这个URL中的查询字符串是user=%E5%BC%A0%E4%B8%89 age=20，浏览器会将它解码为user=张三 age=20。

在我们的活动中，分享链接中带有加号，加号会被解码为空格，导致URL参数中的数据发生变化。这使得用户无法通过分享链接参与活动，也就无法获得相应的优惠。

为了解决这个问题，我们可以使用URL编码对加号进行转义。URL编码是一种将非ASCII字符转换成ASCII字符的编码方式。加号的URL编码是%2B。

https://www.example.com/index.php?user=%E5%BC%A0%E4%B8%89&age=20

这个URL中的查询字符串是user=%E5%BC%A0%E4%B8%89&age=20，浏览器会将它解码为user=张三&age=20。

这样，加号就不会被解码为空格，URL参数中的数据也不会发生变化。用户就可以通过分享链接参与活动，获得相应的优惠。

在实际开发中，我们可以使用URL编码和URL解码函数对URL参数进行编码和解码。比如，在PHP中，我们可以使用urlencode()函数对URL参数进行编码，使用urldecode()函数对URL参数进行解码。

$url = "https://www.example.com/index.php?user=张三&age=20";
$encodedUrl = urlencode($url);
echo $encodedUrl; // 输出：https%3A%2F%2Fwww.example.com%2Findex.php%3Fuser%3D%E5%BC%A0%E4%B8%89%26age%3D20

$decodedUrl = urldecode($encodedUrl);
echo $decodedUrl; // 输出：https://www.example.com/index.php?user=张三&age=20