投票传送门
如何提高用户的体验一直是互联网产品的终极要求,这几天掘金作者们都在参加人气创作者打榜,我也参加了一下。但是我发现了一个问题。当我把我的分享链接发给好友时是很长的一大串:
https://rank.juejin.cn/?t=user&u=%E7%A0%81%E5%86%9C%E5%B0%8F%E8%83%96%E5%93%A5&utm_campaign=annual_2020&utm_medium=writer_poster&utm_source=%E7%A0%81%E5%86%9C%E5%B0%8F%E8%83%96%E5%93%A5
加上一些文字规则说明就更长了,这样很不友好,显得信息量很大,很杂乱。
那么如何变短一些呢?
后端思维
我是个后端的接口Boy,写个Spring MVC接口转发一下:
/**
* 请投票给 码农小胖哥
* @author 码农小胖哥
*/
@Controller
@RequestMapping("/vote")
public class VoteMeController {
@GetMapping("/me")
public String voteMe(){
return "redirect:https://rank.juejin.cn/?t=user&u=%E7%A0%81%E5%86%9C%E5%B0%8F%E8%83%96%E5%93%A5&utm_campaign=annual_2020&utm_medium=writer_poster&utm_source=%E7%A0%81%E5%86%9C%E5%B0%8F%E8%83%96%E5%93%A5";
}
}
然而需要搞服务器、域名,操作成本太高啦!
再不济搞个内网穿透,不稳定不说,搞完黄花菜也凉了。
放公司服务器上?搞不好明天就上头条,标题是:某某为了博出位居然在公司服务器搞这个
算了算了。
前端思维
这时候我一个前端的朋友告诉我,写个前端写个静态的中转页就可以了,什么Vue、React都不需要。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>正在跳转……</title>
<script type="text/javascript">
window.location.href="https://rank.juejin.cn/?t=user&u=%E7%A0%81%E5%86%9C%E5%B0%8F%E8%83%96%E5%93%A5&utm_campaign=annual_2020&utm_medium=writer_poster&utm_source=%E7%A0%81%E5%86%9C%E5%B0%8F%E8%83%96%E5%93%A5";
</script>
</head>
<body>
<div>跳转中……</div>
</body>
</html>
部署起来也简单,找个对象存储(OSS)扔上去,我花了不到2分钟就开发测试部署上线了,很快啊。
你可以试试下面效果😀。
配合User Agent等客户端信息可以做多码合一。
懒人思维
搞个这你就让我写代码,影响我摸鱼?找一些开放的短连接服务就可以了,能用就行,反正没几天。确实可行,不过很多短连接都被微信封禁了,想在微信生态中使用是不太友好的。
也可以生成二维码,但是二维码还得打开扫描,需要二次操作。要根据场景来判断是不是适合二维码。