链接URL：

联合登录的奥秘

在APP里登录， 然后跳转到H5页面这听起来hen简单，但其实里面有hen多学问哦！就像玩捉迷藏一样，我们要把用户的登录信息偷偷地传递过去，弯道超车。。

三种方案，你选哪个？

• 方案1：“调用进入商户授权页”和“调用商户API获取PartnerID”的两个函数
• 方案2：“调用nativeAPI获取PartnerID”的函数
• 方案3：“解密字符串得到PartnerID”的函数

这些方案就像不同的捉迷藏游戏，每个dou有它的玩法。不过这些代码dou是根据商户不同的，所以不Neng一劳永逸地解决所有问题，我们要老老实实地写代码哦，正宗。。

静默登录， 悄悄地登录

有时候，APPYi经登录了我们就不想在H5里再登录一遍了。这就是静默登录，就像我们悄悄地走进房间，不用大声宣布一样，体验感拉满。。

获取PartnerID的方法有三种， 不过有些代码Ke以Zuo成通用的， 上手。 这样开发完成之后后续接入就Ke以不用再管了。

商户需要静默登录，怎么办？

换个思路。 比如有一个平台叫cmb，它就需要静默登录。那么 后端开发人员在查询绑定账户接口接收参数 partnerName，Ru果 partnerName 等于 'cmb'，就会静默注册一个账号并登录，然后返回登录信息。其他的商户就正常流程走。

我们Ke以在web组件监听 onmessage ， 得到网页 system.postMessage 发送的登录请求时在快应用层去调用登录API，得到PartnerID后再由web组件的 postMessage 将PartnerID传递给内部H5页面H5得到PartnerID，走正常的联合登录流程。

授权回调式， APP接口式，凭证解密式

联合登录有三种方案：授权回调式、APP接口式、凭证解密式。就像玩不同的游戏，每个dou有它的乐趣。

方案1：授权回调式， 商户提供授权页面H5页面需要登录时先进入商户提供的授权页，由用户同意授权，进而获取PartnerID。

方案2：APP接口式， 商户APP存在nativeAPI，H5页面调用nativeAPI以获取PartnerID，没眼看。。

方案3：凭证解密式， 商户APP在H5的url的query上添加加密字符串，H5页面取之解密后获取PartnerID，何苦呢？。

商户APP和H5的联合

主要原因是公司产品的发展， 会与第三方的一些商户进行对接，商户APP提供入口，进入我们的H5页，从而提供服务。

方案有三种， 但有些代码是必须得写的，如下：

Ru果需要满足上述需求，实际是这个接口永远返回登录信息，包括首次登录，如此简单即可，你猜怎么着？。

存储加密凭证字符串：在入口路由上， 将加密凭证存入session中，在需要登录前，则调用该商户的独立代码中的解密字符串得到PartnerID的函数，得到PartnerID，再施行联合登录的3、4步，再说说完成登录操作，内卷。。

快应用的嵌入

快应用就像一个小盒子，我们Ke以把H5页面放进去。这样，用户就Ke以在APP里直接访问H5页面了，躺平...。

联合登录的技巧hen多，但是记住不管用哪种方案，Zui重要的是让用户感到方便快捷。就像捉迷藏，我们要悄悄地、巧妙地传递信息，让游戏变得有趣，原来如此。。