关于云开发:新能力丨云开发Cloudbase推出登录组件

4次阅读

共计 1453 个字符，预计需要花费 4 分钟才能阅读完成。

开发「用户登录模块」是 Web 利用开发者最关怀的事项之一，继云开发 CloudBase 原生反对短信验证码登录后，目前云开发已反对短信验证码、邮箱等多种登录鉴权形式，供不同的用户场景应用。

为了进一步优化开发者的应用体验，云开发 CloudBase 全新推出了 自带云开发登录能力的 UI 组件——@cloudbase/ui-react，封装了邮箱登录、短信验证码登录、用户名登录、微信受权登录等能力，根本笼罩了云开发已有的用户登录场景。

比照之前须要开发者引入 SDK 并应用相干 API 能力实现登录鉴权，当初只需几行外围代码，间接引入组件进行开发即可！

如何应用 @cloudbase/ui-react UI 组件？

1、返回云开发控制台，在环境 - 登录受权中，开启相应的登录受权开关，如“短信验证码登录”。

2、装置依赖

npm install --save @cloudbase/ui-react

目前仅反对了 React + WEUI 组件库
UI 组件需联合 @cloudbase/js-sdk@1.5.4-alpha.0 及以上版本应用

3、React 示例 Demo

App.js

import {
AUTHSTATE,
LOGINTYPE,
CloudbaseAuthenticator,
CloudbaseSignOut,
createAuthHooks,
} from "@cloudbase/ui-react"
import cloudbase from "@cloudbase/js-sdk"

const app = cloudbase.init({env: "your envid"})
const {useAuthData} = createAuthHooks(app)

function App() {const { authState, user} = useAuthData()
return authState === AUTHSTATE.SIGNEDIN && user ? (
<>
Hello, {user.uid}
<CloudbaseSignOut app={app} />
</>
) : (
<CloudbaseAuthenticator
userLoginType={LOGINTYPE.PHONE}
app={app}
/>
)
}

export default App

详见文档： https://docs.cloudbase.net/cloudbase-ui/introduce.html

除了本次上线的登录组件外，还有一大波 UI 组件正在策划，后续会一一和大家见面！

你最期待 CloudBase 上线哪些组件？欢送大家在评论区提出本人的想法和倡议！

云开发（Tencent CloudBase，TCB）是腾讯云提供的云原生一体化开发环境和工具平台，为开发者提供高可用、主动弹性扩缩的后端云服务，蕴含计算、存储、托管等 serverless 化能力，可用于云端一体化开发多种端利用（小程序，公众号，Web 利用，Flutter 客户端等），帮忙开发者对立构建和治理后端服务和云资源，防止了利用开发过程中繁琐的服务器搭建及运维，开发者能够专一于业务逻辑的实现，开发门槛更低，效率更高。
开明云开发：https://console.cloud.tencent.com/tcb?tdl_anchor=techsite
产品文档：https://cloud.tencent.com/product/tcb?from=12763
技术文档：https://cloudbase.net?from=10004
技术交换群、最新资讯关注微信公众号【腾讯云开发 CloudBase】

正文完