https://github.com/finogeeks/wechat-auth-page
FinClip 微信登录授权页面
https://github.com/finogeeks/wechat-auth-page
finclip mini-program wechat
Last synced: 21 days ago
JSON representation
FinClip 微信登录授权页面
- Host: GitHub
- URL: https://github.com/finogeeks/wechat-auth-page
- Owner: finogeeks
- Created: 2022-05-20T08:34:28.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-09-13T07:10:35.000Z (over 3 years ago)
- Last Synced: 2025-08-03T01:32:25.334Z (7 months ago)
- Topics: finclip, mini-program, wechat
- Homepage: https://finclip.com/
- Size: 742 KB
- Stars: 1
- Watchers: 4
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
FinClip 微信登录授权页面
本项目提供在小程序中复用微信登录的能力，用户可将对应资源上传至微信与 FinClip 小程序代码包中完成实现。
[官方网站](https://www.finclip.com/) | [示例小程序](https://www.finclip.com/#/market) | [开发文档](https://www.finclip.com/mop/document/) | [部署指南](https://www.finclip.com/mop/document/introduce/quickStart/cloud-server-deployment-guide.html) | [SDK 集成指南](https://www.finclip.com/mop/document/introduce/quickStart/intergration-guide.html) | [API 列表](https://www.finclip.com/mop/document/develop/api/overview.html) | [组件列表](https://www.finclip.com/mop/document/develop/component/overview.html) | [隐私承诺](https://www.finclip.com/mop/document/operate/safety.html)
-----
## 🤔 FinClip 是什么?
有没有**想过**，开发好的微信小程序能放在自己的 APP 里直接运行，只需要开发一次小程序，就能在不同的应用中打开它，是不是很不可思议？
有没有**试过**，在自己的 APP 中引入一个 SDK ，应用中不仅可以打开小程序，还能自定义小程序接口，修改小程序样式，是不是觉得更不可思议？
这就是 FinClip ，就是有这么多不可思议！
## ⚙️ 操作步骤
### 1. 微信登录功能与流程介绍
* FinClip 小程序调用接口（`wx.login`, `wx.getUserProfile`，`wx.getPhoneNumber`）
* App 端注入接口（`wx.login`, `wx.getUserProfile`，`wx.getPhoneNumber`）
* App端引入 wx 端 openSDK，获取管理后台配置的微信登录小程序相关信息
* 执行 `WXLaunchMiniProgram` 方法打开微信登录小程序的授权页面
* 小程序根据 App 的参数执行相关的微信接口获取信息，并返回 App
* App 把接口数据回传给凡泰小程序
### 2. 微信登录配置说明
* 准备一个微信登录小程序
* 从本项目中获取授权页面
* 由于`wx.getPhoneNumber` Api需要服务端解密接口，所以需要自行修改这里的接口
* 前往微信公众平台上架微信登录小程序（也可集成在已有的微信小程序里）
* 前往 FinClip 管理后台【小程序管理-我的小程序-第三方管理】进行配置
* App 端实现相关的微信接口（`wx.login`, `wx.getUserProfile`，`wx.getPhoneNumber`)
* 上架相关小程序，进行调试
### 3. 登录流程
您需要在您已有微信小程序中添加授权页面（解压 auth.zip），从而使得 FinClip 小程序具备微信登录的能力，具体流程图如下所示。
## 📋 集成文档
[点击这里](https://www.finclip.com/mop/document/faq/app/wechat-login-issue.html) 查看小程序登录常见问题
[点击这里](https://www.finclip.com/mop/document/introduce/functionDescription/wx-login.html) 查看微信登录功能介绍
## 🔗 常用链接
以下内容是您在 FinClip 进行开发与体验时，常见的问题与指引信息
- [FinClip 官网](https://www.finclip.com/#/home)
- [示例小程序](https://www.finclip.com/#/market)
- [文档中心](https://www.finclip.com/mop/document/)
- [SDK 部署指南](https://www.finclip.com/mop/document/introduce/quickStart/intergration-guide.html)
- [小程序代码结构](https://www.finclip.com/mop/document/develop/guide/structure.html)
- [iOS 集成指引](https://www.finclip.com/mop/document/runtime-sdk/ios/ios-integrate.html)
- [Android 集成指引](https://www.finclip.com/mop/document/runtime-sdk/android/android-integrate.html)
- [Flutter 集成指引](https://www.finclip.com/mop/document/runtime-sdk/flutter/flutter-integrate.html)
## ☎️ 联系我们
微信扫描下面二维码，关注官方公众号 **「凡泰极客」**，获取更多精彩内容。
微信扫描下面二维码，加入官方微信交流群，获取更多精彩内容。
## Stargazers
[](https://github.com/finogeeks/wechat-auth-page/stargazers)
## Forkers
[](https://github.com/finogeeks/finclip-ios-demo/network/members)