在你的 App 中集成手机微信一键授权(注册)登录功能,达到快速注册、快速登录功能
按照本教程的操作指引,预计5分钟即可帮你实现并掌握微信登录的实现

用户管理

微信开放平台创建应用

https://open.weixin.qq.com

前往微信开放平台,创建一个移动应用的接入,审核通过后,你就可以获取到一个 appid 和 secret;
下文中提到的所有 appid 和 secret 都是指的这里的,不是公众号的,不是服务号的,更不是小程序的,千万注意!!

开发者后台配置 appid 和 secret

《使用 apifm 插件进行 Flutter 云开发——安装篇》

开启 “系统参数设置” 模块

  1. 登录 “第一步” 注册的后台,左侧菜单 --> 工厂设置 --> 模块管理
  2. 找到 “系统参数设置” 模块,点击 “启用模块” ,然后 F5 刷新一下后台界面

添加系统参数

  1. 添加文本参数 wx_sns_appid ,参数值填你的 appid ,参数状态位公开参数,flutter 中初始化时候的 appid 可以通过读取系统设置方法读取该值;
  2. 添加文本参数 wx_sns_secret ,参数值填写你的 secret ,参数状态一定要设置为保密参数防止泄露该数据;

安装 Flutter 依赖

pubspec.yaml 文件增加依赖

dependencies:fluwx: ^1.0.6

安装依赖

$ flutter pub get

引入 package

在 dart 文件中,引入插件,下面会用到

import 'package:fluwx/fluwx.dart' as fluwx;

调用微信授权

const appid = 'wx4f32d9265f9cf669'; // 这是上面创建应用的 appid
await fluwx.register(appId: appid); // 初始化
fluwx.sendAuth(scope: "snsapi_userinfo", state: "login"); // 呼出微信授权界面
fluwx.responseFromAuth.listen((data) { // 用户操作后的回调data.state // 上面传的 state,原路返回data.errCode // ERR_OK = 0(用户同意) ERR_AUTH_DENIED = -4(用户拒绝授权) ERR_USER_CANCEL = -2(用户取消)data.code // 用户授权后得到的登录临时凭证
});

apifm 方法

微信一键注册

 Apifm.registerWX(Map<String, String> params)

微信的一键注册功能,需要以下参数:

授权后返回的参数:

code

可选参数:

referrer 邀请人,邀请你注册的用户id
postJsonString 注册的扩展信息,Json数据格式

微信一键登录

 Apifm.loginWX(String code)

code 为授权成功后返回的临时凭证

绑定微信一键登录

 Apifm.bindWXOpenid(token, code)

手机号码、用户名等方式注册的用户,通过该方法绑定微信,后期将可以使用微信一键登录

code 为用户授权后返回的临时凭证

本例Flutter源码:

https://github.com/gooking/apifm-flutter-demo

使用 apifm 插件进行 Flutter 云开发——微信一键登录/注册相关推荐

  1. 使用 apifm 插件进行 Flutter 云开发——QQ一键登录/注册

    在你的 App 中集成手机QQ一键授权(注册)登录功能,达到快速注册.快速登录功能 按照本教程的操作指引,预计5分钟即可帮你实现并掌握QQ登录的实现 申请开通QQ互联 https://connect. ...

  2. 使用 apifm 插件进行 Flutter 云开发——积分功能(积分明细 / 积分券 / 连续签到得积分 / 购物积分抵扣规则)

    功能说明: 积分券 后台批量生成积分券(每个积分券有自己独立的券号): 你可以根据自己的需要: 制作实体vip积分卡,类似目前的超市卡,刮开涂层后查看券号: 印刷纸质优惠券.积分券,上面印刷券号: 使 ...

  3. Android高效率编码-第三方SDK详解系列(二)——Bmob后端云开发,实现登录注册,更改资料,修改密码,邮箱验证,上传,下载,推送消息,缩略图加载等功能

    Android高效率编码-第三方SDK详解系列(二)--Bmob后端云开发,实现登录注册,更改资料,修改密码,邮箱验证,上传,下载,推送消息,缩略图加载等功能 我的本意是第二篇写Mob的shareSD ...

  4. 微信小程序云开发用户身份登录_微信小程序+云开发实现欢迎登录注册

    前段时间和同学一起做了一个小程序,用来参加学校的比赛,完成后把项目内容分割一下,贴到博客上面,算是学习记录和总结吧. 因为是学生党,而且并没有很大的需要,所以选择了微信小程序为开发者提供的" ...

  5. 使用牛刀云开发微信小程序(问题集锦)

    前不久,起步科技正式推出牛刀云1.0,我想这也应该是许多WeX5的忠诚追随者(我也算是其中之一吧)期望的结果了.使用牛刀云开发微信小程序,能够实现使用类似于WeX5的所见即所得组件积木搭建方式构建前端 ...

  6. Free校园小程序 开源发布,一款集合表白墙、失物招领、兼职和闲置二手买卖的云开发微信小程序

    前言 一个集合表白墙.失物招领.兼职和闲置二手买卖的云开发微信小程序 校园服务小程序 拥有 表白墙.失物招领.兼职.闲置物品等功能,无后台,云开发,只需要搭建云数据库即可 开源地址 GitHub开源地 ...

  7. 视频教程-5小时零基础入门小程序云开发-微信开发

    5小时零基础入门小程序云开发 码农一枚,非著名全栈开发人员.分享自己的一些经验,学习心得,希望后来人少走弯路,少填坑. 多年全栈开发经验,擅长小程序,java,安卓,web前端开发. 邱石 ¥29.0 ...

  8. 小程序云开发 ——微信支付

    云开发的微信支付:免鉴权.免签名计算.免 access_token,在云函数内原生调用微信支付接口.以前的实现微信支付,必须要有自己的服务器,有自己的备案域名,还有后端部分代码 云开发-微信支付,官方 ...

  9. 基于腾讯云开发微信小程序(新闻发布及共享平台)上

    基于腾讯云开发微信小程序(新闻发布及共享平台)上 文章目录 传统的微信小程序开发 一.云开发是什么? 二.使用步骤 1.创建云环境 2.云数据库的创建 3.云储存 4.云函数 总结 传统的小程序开发 ...

最新文章

  1. 解密ATS 4.2.3的缓存状态密码
  2. canvas 实现图片局部模糊_JavaScript中的图片处理与合成(四)
  3. oracle 11g的em界面按钮乱码的解决办法
  4. (转)MySQL自带的性能压力测试工具mysqlslap详解
  5. module.js:549 throw err;
  6. poj 1018 Communication System
  7. 给大家发一个DDOS防御包算法公式
  8. 对桌面壁纸有要求?壁纸控的你需要看这里
  9. python面试题No6
  10. Git三种报错:E325: ATTENTION、Please enter the commit message for your changes、Timed out
  11. Python3学习阶段记录(Python3.8安装)
  12. Autotools发展史
  13. Grails Quartz插件,定时调度任务
  14. CAD中画一条直线与两个圆相切
  15. 使用PPT画图,取消自动选点(自动吸附点)解决方案
  16. 三角形顺时针逆时针判断
  17. css中关于旋转属性trtransform: rotate影响文字轻微变形的解决办法。
  18. python求小于n的所有素数_Python-列出N以下所有素数的最快方法
  19. YOLOv7默默更新了Anchor-Free | 无痛再涨1.4mAP
  20. 计算机在职双证博士的学校,国内在职双证博士5所高校是哪些

热门文章

  1. Win10家庭版找不到组策略gpedit.msc怎么办
  2. 坐标系基础相关知识:右手定则
  3. 路由器loopback口实验
  4. EBGP环回口邻居建立不了的原因
  5. ubuntu切换java版本
  6. 中小企业信息化建设分析报告
  7. 刘强东的代码水平到底有多牛?
  8. 将markdown标记换成html标签,Markdown常用标记
  9. 3.2_backpack_背包问题
  10. Android-适配各国语言、屏幕尺寸、系统版本及常见适配方法总结