请教大佬们，瑞幸咖啡是怎么做到微信公众号开发的链接重定向，判断是否微信客户端打开的？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2214 天前的主题，其中的信息可能已经有所发展或是发生改变。

RT，瑞幸咖啡分享出来的链接，如果是浏览器，不管是 pc 还是移动端打开，就会自动打开官网，如果是在微信内打开，就能真的打开内容页，瑞幸咖啡的开发是怎么做到的，求思路

第 1 条附言 · 2018-11-05 13:42:11 +08:00

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect
是这样的链接哦，点击打开这样的链接，怎么判断是微信环境还是其他环境，其他环境就打开其他地址。

瑞幸

打开

咖啡

微信

9 条回复 • 2018-11-05 15:59:16 +08:00

Morriaty

2018-11-05 11:57:29 +08:00

每太看懂描述

如果是问怎么判断来源，那应该直接判断 UA 就行了。

如果是问美团、京东跳转微信支付的那种，那是企业间的私有化协议。

SoulGem

2018-11-05 11:57:59 +08:00 via iPhone

UA/WeChat jssdk

scoful

2018-11-05 13:42:38 +08:00

@Morriaty 麻烦看看附言

scoful

2018-11-05 13:42:48 +08:00

@SoulGem 麻烦看看附言

Rush9999

2018-11-05 13:46:17 +08:00

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842

helionzzz

2018-11-05 13:50:45 +08:00

F12 var ua = navigator.userAgent.toLowerCase();
var isWeixin = ua.indexOf('micromessenger') != -1;
var isAndroid = ua.indexOf('android') != -1;
var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);
if (!isWeixin) {
document.head.innerHTML = '<title>抱歉，出错了</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css">';
document.body.innerHTML = '<div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div><div class="weui_text_area"><h4 class="weui_msg_title">请在微信客户端打开链接</h4></div></div>';
}

gigantic222

2018-11-05 13:54:52 +08:00 via Android

熊弟记得这个链接是拿 token 的在这之前就判断了如果是微信内就走这个链接浏览器就走 qr 码的

bojackhorseman

2018-11-05 13:57:21 +08:00

微信授权跳转的链接所在页面会判断并提示，不用自己写。

simple11

2018-11-05 15:59:16 +08:00

先 UA 再 JS-SDK