FinClip实现微信授权登录的三种方案

随着微信这款国民级应用月活突破12亿，越来越多用户倾向于选择微信作为全网登录账号，因此微信授权登录被许多APP、小程序作为第三方登录授权的首选。在微信小程序下，小程序登录功能一般会通过 OpenID 或 UnionID 作为唯一标识，与小程序服务的账号体系进行关联打通，完成用户账户体系的构建与设计。

目前FinClip作为在App中运行小程序的主流方案，对于从微信小程序环境迁移到 FinClip 下的小程序具有快速复用微信登录流程，以及实现微信授权登录的需求。本文着重为大家分享，在 FinClip环境下，小程序实现微信授权登录的几种方案。

为什么小程序需要关联微信登录？

首先来谈一谈小程序需要关联微信登录的原因：如果开发者选择先将开发的小程序上架到微信，可以调用 wx . login 获取用户身份，快速建立小程序的用户体系。此后如果想要迁移小程序到其他 App ，账户体系面临重建，之前积累的微信用户想要引导接入其他平台，使用原微信账号登录会非常不方便。使用 FinClip 关联微信登录后，可以快速复用微信登录逻辑，授权获取微信账号信息，帮助企业快速从微信向自建生态引流。

FinClip实现微信授权登录的三种方案

方案一：服务端改造

适用场景：平台方通过 FinClip 构建自有生态，FinClip 环境中运行的都是第三方的小程序（即平台方无法修改小程序代码）。

第一步：在 App 中通过自定义 API 注入 wx.login 方法，按照微信小程序的格式返回 code；

第二步：小程序无需改动，按照在微信端的实现，此时会将 code 发送给开发者的服务器；

第三步：开发者服务器进行适配，通过 code可判断登录来自 FinClip 平台，从 code 中解析出 UserID，返回自身账户体系的内容即可。

方案二：服务端改造（唤起微信授权）

使用场景：平台方通过 FinClip 完成自身功能的拆分，小程序都由平台方自己开发（即平台方可以修改小程序代码）。

第一步：SDK 中集成微信开发平台 SDK；

第二步：使用自定义 API 注入 wx.login，唤起微信授权后即可取得返回 code，此时可能需要对 code 拼接唯一标识；

第三步：小程序无需改动，按照在微信端的实现，此时会将 code 发送给开发者的服务器；

第四步：服务端根据 code 唯一标识，调用不同的授权接口取得 OpenID，查询登录态返回；

限制：由于微信限制不同主体，不同开放平台下的 OpenID 是不一致的，此时小程序需要关联到同一主体，或者同一开放平台（此时唯一标识为 UnionID）。

方案三：小程序改造

适用场景：对小程序进行逻辑修改，当判断 FinClip 环境中时，直接从 wx.login 中获取需要的信息（即平台方可以修改小程序代码）。

APP 使用自定义 API 注入 wx.login ，返回当前 APP 用户的登录态即可。

三种场景里，这种方法操作稍微复杂一些，需要在已有微信小程序中进行定义修改，从而使得 FinClip 小程序具备微信登录的能力，具体操作流程可以参考官方文档：微信登录功能介绍

实现效果如下：

FinClip微信授权登录的实现效果

小程序生成app也可轻松实现微信授权登录

熟悉FinClip的都知道，除了在自有App中跑小程序之外。通过FinClip 提供的FIDE还能把微信小程序生成APP，对于一些开发能力比较弱的公司，或者APP功能要求简单的项目非常的快捷实用，具体教程大家可以点击开发文档查看：小程序生成 App

对于这种通过小程序转的app，也同样可以实现微信授权登录，方法如上。

最近我看到FinClip 已经推出了SAAS版本，功能非常全，每月有10000次免费发布调用，对于我们个人开发者来说，这个免费调用量已经足够了，超出部分购买流量包也非常便宜，基本是打骨折的地步了。感兴趣可以去官网看看。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。