暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

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

MemFireDB 2024-05-28
422

微信扫码登录

为了更好地满足国内用户不断增长的操作习惯需求,提升用户体验,我们很高兴地宣布,在新版本应用中兼容微信扫码登录功能。微信,作为国内广受欢迎的社交平台,其扫码登录功能以其便捷性和快速性赢得了广大用户的青睐。

现在,通过MemFire Cloud,开发者可以轻松地为WEB应用添加微信扫码登录功能,为用户提供更加流畅、安全的登录体验。

微信扫码

文档地址:https://docs.memfiredb.com/docs/app/development_guide/auth/authentication/wechatqrauth/

前提条件

  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列表”的其中一个指定网址。

重定向URL列表

SDK使用教程

1、SDK安装

npm install @supabase/supabase-js

2、当您的用户进行登录时,调用signInWithOAuth()接口,wechat_qr
作为provider
即可

<button onclick="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 登录认证时出现异常等问题,请您升级至最新版应用即可得到解决。



MemFireDB

产品资料

MemFire Cloud

平台入口:https://memfiredb.com

文档地址:https://docs.memfiredb.com

文章转载自MemFireDB,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

评论