产品公告 | MemFire Cloud认证服务支持微信扫码登录

前言

为了满足国内用户日益增长的操作习惯需求,并进一步提升用户体验,MemFire Cloud认证服务已集成微信扫码登录功能。微信,作为国内广受欢迎的社交平台,其扫码登录功能以其便捷性和快速性赢得了广大用户的青睐。现在,通过MemFire Cloud,开发者可以轻松地为WEB应用添加微信扫码登录功能,为用户提供更加流畅、安全的登录体验。

前提条件

  1. 您已成功注册MemFire Cloud平台的账号,并创建了一个应用(已有的旧版本应用需要升级至最新版本)。
  2. 您已成功注册微信开放平台账号。
  3. 您拥有一个正确的网站应用官网,用于在微信开放平台上创建网站应用时提交审核。

配置步骤

1、在微信开放平台上“创建网站应用”

首先,需要您在微信开放平台创建一个“网站应用”,待审核通过后即可获得该“网站应用”对应的AppID、AppSecret。
在这里插入图片描述

2、在MemFire Cloud应用界面启用微信扫码认证

在这里插入图片描述

3、在微信开放平台上对审核通过的网站应用配置其授权回调域

在微信开放平台,进入到第1步审核通过的“网站应用”中进行“授权回调域”的配置,配置的值为上一步中微信扫码认证服务商的重定向URL的cpa09na5g6h7mlpvrehg.baseapi.memfiredb.com这一部分。此处注意,不要在“授权回调域”的前面加上“https://”,也不需要在其之后加上具体的路径。

​ 正确填写格式如下:
在这里插入图片描述

4、在MemFire Cloud应用界面进行重定向URL配置

将审核通过的网站应用界面里的“应用官网”填写到Memfire Cloud中 认证>URL配置>网站URL中即可,也可以配置“重定向URL列表”。这样,当完成微信扫码登录后,将会默认重定向到“网站URL”或是“重定向URL列表”的其中一个指定网址。

在这里插入图片描述

SDK使用教程

1、SDK安装

npm install @supabase/supabase-js

2、当您的用户进行登录时,调用signInWithOAuth()接口,将wechat_qr作为provider即可。
<button οnclick="signInWithWechatQr()">微信扫码登录</button>async function signInWithWechatQr() {const { data, error } = await _supabase.auth.signInWithOAuth({provider: 'wechat_qr',// 如果不配置下面的options则登录成功后将会默认重定向到“网站URL”// 如果配置下面的options,则需要保持redirectTo参数的值与重定向URL列表中的值一致,登录成功后将会跳转到该网址options: {redirectTo: 'https://memfiredb.com/',},})
}
3、当用户注销时,调用signOut()接口将其从浏览器会话和localStorage中删除:
async function signout() {
2  const { error } = await supabase.auth.signOut()
3}

除此之外

本次新增微信扫码登录认证功能的同时,还修复了前期用户反馈的关于在使用notion/github登录认证时redirect_uri值有误的问题导致功能异常,请您升级至最新版应用即可得到解决。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/17439.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SQL 语言:完整性约束

文章目录 概述主键 ( Primary Key ) 约束外键&#xff08;Foreign Key&#xff09;约束属性值上的约束全局约束总结 概述 数据库的完整性是指数据库正确性和相容性&#xff0c;是防止合法用户使用数据库时向数据库加入不符合语义的数据。保证数据库中数据是正确的&#xff0c;…

2024年03月 Python(四级)真题解析#中国电子学会#全国青少年软件编程等级考试

Python等级考试(1~6级)全部真题・点这里 一、单选题(共25题,共50分) 第1题 运行如下代码,若输入整数3,则最终输出的结果为?( ) def f(x):if x==1:s=1else:s

记录关联(笛卡尔积)——kettle开发24

一、记录关联(笛卡尔积) 记录关联就是对两个数据流进行笛卡尔积操作。如下图所示&#xff0c;我们有两组数据分别为aaa和bbb,笛卡尔积后我们生成了4种结果&#xff0c;即2*24条记录。 记录关联(笛卡尔积)需要注意的是我们需要指定一个主步骤。即参考基准的数据 &#xff1a; 二…

leetCode.82. 删除排序链表中的重复元素 II

leetCode.82. 删除排序链表中的重复元素 II 题目思路&#xff1a; 代码 class Solution { public:ListNode* deleteDuplicates(ListNode* head) {auto dummy new ListNode(-1);dummy->next head;auto p dummy;while(p->next){auto q p->next->next;while(q …

vue3项目使用pinia状态管理器----通俗易懂

1、首先安装pinia yarn add pinia # 或使用npm npm install pinia 2、在项目的src目录下新建store文件夹&#xff0c;然后store目录下新建index.js / index.ts &#xff1a; 我这里是index,js import { createPinia } from "pinia"// 创建 Pinia 实例 const pini…

【C语言】10.C语言指针(2)

文章目录 1.数组名的理解2.使用指针访问数组3.一维数组传参的本质4.冒泡排序算法步骤 5.二级指针6.指针数组7.指针数组模拟二维数组 1.数组名的理解 int arr[10] {1,2,3,4,5,6,7,8,9,10}; int *p &arr[0];这里我们使用 &arr[0] 的方式拿到了数组第一个元素的地址&am…

约翰·舒尔曼访谈解读:2027年AGI将成现实?

随着人工智能技术的不断进步&#xff0c;AGI&#xff08;通用人工智能&#xff09;的实现似乎不再是遥不可及的梦想。近日&#xff0c;OpenAI联合创始人兼首席架构师约翰舒尔曼&#xff08;John Schulman&#xff09;在访谈中分享了他对AI模型未来发展的看法&#xff0c;并预言…

判断dom元素是否滚动到底、是否在可视区域

概览 我们日常开发中&#xff0c;在面对懒加载、虚拟列表需求时&#xff0c;经常需要判断dom元素是否滚动到底、是否在可视区域。但是由于涉及的属性太多了&#xff0c;比如scrollTop、clientHeight、scrollHeight、getBoundingClientRect()等属性&#xff0c;现根据这两个场景…

多个存储权限管理的好处,你get到了吗?

多个存储权限管理是NAS&#xff08;网络附加存储&#xff09;系统中的一个重要功能&#xff0c;它允许管理员对存储在NAS上的文件和文件夹进行细粒度的访问控制。以下是实现多个存储权限管理的关键点&#xff1a; 1.用户和用户组&#xff1a; 创建不同的用户账户和用户组&…

计算机网络——TCP / IP 网络模型

OSI 七层模型 七层模型是国际标准化的一个网络分层模型&#xff0c;大体结构可以分成七层。每层提供不同的功能。 图片来源 JavaGuide 但是这样七层结构比较复杂&#xff0c;不太实用&#xff0c;所以有了 TCP / IP 模型。 TCP / IP 网络模型 TCP / IP 网络模型可以看作是 O…

无线蓝牙耳机品牌推荐:倍思M2s Pro,让旅途更添乐趣

随着端午节的临近,许多人开始规划起出游计划。出游除了要做好行程安排,还需准备一些实用的物品来提升旅途的舒适度。特别是在高铁等长途旅行中,一款优质的降噪蓝牙耳机无疑是消磨时光、享受音乐的绝佳选择。那么,在众多的无线蓝牙耳机品牌中,有哪些值得推荐的呢?今天,我们就来…

ARM IHI0069F GIC architecture specification (7)

3.1 GIC逻辑组件 GICv3体系结构由一组逻辑组件组成&#xff1a; •Distributor。 •每个受支持的PE都有一个Redistributor。 •支持的每个PE都有一个CPU interface。 •中断翻译服务组件&#xff08;ITS&#xff09;&#xff0c;支持将事件翻译为LPI。 Distri…

上海亚商投顾:沪指震荡反弹 半导体产业链午后爆发

上海亚商投顾前言&#xff1a;无惧大盘涨跌&#xff0c;解密龙虎榜资金&#xff0c;跟踪一线游资和机构资金动向&#xff0c;识别短期热点和强势个股。 一.市场情绪 沪指昨日震荡反弹&#xff0c;尾盘涨幅扩大至1%&#xff0c;深成指、创业板指同步上行&#xff0c;科创50指数…

【网络协议】划重点啦!TCP与UDP的重点面试题!!!

1. 为什么建立TCP连接是三次握手&#xff0c;而关闭连接却是四次挥手呢&#xff1f; 这是因为服务端的 LISTEN 状态下的 SOCKET 当收到 SYN 报文的建连请求后&#xff0c;它可以把 ACK和 SYN&#xff08;ACK 起应答作用&#xff0c; 而 SYN 起同步作用&#xff09; 放在一个报文…

Halcon 光度立体 缺陷检测

一、概述 halcon——缺陷检测常用方法总结&#xff08;光度立体&#xff09; - 唯有自己强大 - 博客园 (cnblogs.com) 上周去了康耐视的新品发布会&#xff0c;我真的感觉压力山大&#xff0c;因为VM可以实现现在项目中的80% 的功能&#xff0c;感觉自己的不久就要失业了。同时…

XAMPP Apache配置SSL证书,支持HTTPS访问

文章目录 第1步&#xff1a;购买SSL证书第2步&#xff1a;确保443端口没有被占用第2步&#xff1a;httpd.conf启用SSL第3步&#xff1a;httpd-ssl.conf配置一些解释 本文的测试结果基于XAMPP 5.6.28软件&#xff0c;相关的版本信息如下&#xff1a; Windows Version: Home 6…

[集群聊天服务器]----(十一) 使用Redis实现发布订阅功能

接着上文&#xff0c;[集群聊天服务器]----(十)Nginx的tcp负载均衡配置–附带截图&#xff0c;我们配置nginx&#xff0c;使用了多台服务端来提高单机的并发量&#xff0c;接下来我们回到项目中&#xff0c;思考一下&#xff0c;各个服务端之间怎么进行通信呢&#xff1f; 配置…

Reactor模式Proactor模式

1.Reactor/Dispatcher模式 1.1 概述 Reactor模式下&#xff0c;服务端的构成为Reactor 处理资源池。其中&#xff0c;Reactor负责监听和分发事件&#xff0c;而处理资源池则负责处理事件。 该模式下的组合方案有下面几种(第三种几乎没有被实际应用)&#xff1a; 1 * Reacto…

文件上传漏洞:pikachu靶场中的文件上传漏洞通关

目录 1、文件上传漏洞介绍 2、pikachu-client check 3、pikachu-MIME type 4、pikachu-getimagesize 最近在学习文件上传漏洞&#xff0c;这里使用pikachu靶场来对文件上传漏洞进行一个复习练习 废话不多说&#xff0c;开整 1、文件上传漏洞介绍 pikachu靶场是这样介绍文…