快速入门｜使用MemFire Cloud构建Next.js应用程序

本文介绍如何使用MemFireCloud和Next.js构建一个简单的用户管理应用程序。通过创建云数据库、设置用户验证、实现行级安全策略等步骤，完成了一个允许用户登录并更新个人资料的应用。

MemFire Cloud是一款提供云数据库，用户可以创建云数据库，并对数据库进行管理，还可以对数据库进行备份操作。它还提供后端即服务，用户可以在1分钟内新建一个应用，使用自动生成的API和SDK，访问云数据库、对象存储、用户认证与授权等功能，可专注于编写前端应用程序代码，加速WEB或APP应用开发。

快速入门｜使用MemFire Cloud构建Next.js应用程序

此示例提供了使用 MemFire Cloud 和 Next.js构建简单用户管理应用程序（从头开始）的步骤。这包括：

MemFire Cloud云数据库：用于存储用户数据的 MemFireDB数据库。
MemFire Cloud用户验证：用户可以使用魔法链接登录（不需要密码，只需要电子邮件）。
MemFire Cloud存储：用户可以上传照片。
行级安全策略：数据受到保护，因此个人只能访问自己的数据。
即时API：创建数据库表时会自动生成 API。

在本指南结束时，您将拥有一个允许用户登录和更新一些基本个人资料详细信息的应用程序：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-K6Vnosrg-1663723902918)(https://g8nb5c2xl3.feishu.cn/space/api/box/stream/download/asynccode/?code=ZDUyZjU2MWZmZmI0NjdhMjBlZDUzZWQxZWY2NmNhNWVfd3ZVZk03Qmw3bGtkTndqYU9tVEtCVndJdjF4ZmhxNFBfVG9rZW46Ym94Y25PUDNDcDZ5bWJxV0hVWTR4ZHZWNlRiXzE2NjM3MjM4ODE6MTY2MzcyNzQ4MV9WNA)]

创建应用

目的：我们的应用就是通过在这里创建的应用来获得数据库、云存储等一系列资源，并将获得该应用专属的API访问链接和访问密钥，用户可以轻松的与以上资源进行交互。

登录https://cloud.memfiredb.com/auth/login创建应用

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-44KaEAKR-1663723902919)(https://g8nb5c2xl3.feishu.cn/space/api/box/stream/download/asynccode/?code=N2I3ZmRjMDRjOTVjMzk3NTg3MWVjNTcxNTdiZmNhZjdfVFFERDZGMWZaanBwUFc4ckdvY1JyVTRRQXBFMzBHWXNfVG9rZW46Ym94Y24yMzJuYWN2YTF4SjRITUlrYVluQWplXzE2NjM3MjM4ODE6MTY2MzcyNzQ4MV9WNA)]

创建数据表

点击应用，视图化创建数据表

创建profiles表；

在数据表页面，点击“新建数据表”，页面配置如下：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qQ3sQCXy-1663723902919)(https://g8nb5c2xl3.feishu.cn/space/api/box/stream/download/asynccode/?code=NTA2NmQyOTkwZmY0NDQ3MjNjNmU4OGY4OWRmY2JjZDFfTlJlSVAyRG9RZkV3UGpUTWRPN0lVNG1nT1VrWWRJSnVfVG9rZW46Ym94Y25jTEVUQ0NuODNDWnFUMFpGRHJUZFBlXzE2NjM3MjM4ODE6MTY2MzcyNzQ4MV9WNA)]

其中profiles表字段id和auth.users表中的id字段（uuid类型）外键关联。

开启Profiles的RLS数据安全访问规则；

选中创建的Profiles表，点击表权限栏，如下图所示，点击"启用RLS"按钮

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kV37ml76-1663723902919)(https://g8nb5c2xl3.feishu.cn/space/api/box/stream/download/asynccode/?code=OWMxMWMzZDE1Yzk4MDc2ODg1M2VmMzE4NDU0OTdmNDZfZWJwWW5tb2ZJZTJHUk5xcVpTaGIwcU1vZjEyWE9sMzFfVG9rZW46Ym94Y25oeWtyQmdZYllidWUwTHVXcU9vYTllXzE2NjM3MjM4ODE6MTY2MzcyNzQ4MV9WNA)]

允许每个用户可以查看公共的个人信息资料；

点击"新规则"按钮，在弹出弹框中，选择"为所有用户启用访问权限"，输入策略名称，选择"SELECT(查询)"操作，点击“创建策略”按钮，如下图。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2l1hVXUA-1663723902920)(https://g8nb5c2xl3.feishu.cn/space/api/box/stream/download/asynccode/?code=ZDI3NjMxNzZhNGU4YzU3MDNiNDJiZGYxZjNkNDc0NzBfaW9TeU1ZbTVHV2pBOXhYVnphbDZRaGtOM1RoZVMyYkFfVG9rZW46Ym94Y25aWXBsbnRNSkpPYWdHeUlmMzJlM0xjXzE2NjM3MjM4ODE6MTY2MzcyNzQ4MV9WNA)]

仅允许用户增删改查本人的个人资料信息；

点击"新规则"按钮，在弹出弹框中，选择"根据用户ID为用户启用访问权限"，输入策略名称，选择"ALL(所有)"操作，点击“创建策略”按钮，如下图。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HbIoZJgF-1663723902925)(https://g8nb5c2xl3.feishu.cn/space/api/box/stream/download/asynccode/?code=YzIwNDhiNTJlNDA2M2QzZTViMGVlODc4ZDYwOWMxNTBfUmpPd2JsbGR2dk85ZTh3SXlYcjFnZVpGNmxndXE1b0ZfVG9rZW46Ym94Y25mRGkwSUtCYXM3RG5BNWh2UUR5MkpnXzE2NjM3MjM4ODE6MTY2MzcyNzQ4MV9WNA)]

创建avatars存储桶

创建云存储的存储桶，用来存储用户的头像图片，涉及操作包括：

创建一个存储桶avatars

在该应用的云存储导航栏，点击“新建Bucket”按钮，创建存储桶avatars。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-crdjl4dB-1663723902926)(https://g8nb5c2xl3.feishu.cn/space/api/box/stream/download/asynccode/?code=MWYxMDM5Y2YyMThlMDJkZDhjYWZhM2ZkY2JjMDE3NDRfR3FOVHVDQ0ptSVRWV0RoTVpPVW52ZFdLbGx5RUdQTVpfVG9rZW46Ym94Y25SSDV0Mlh6bVp6aVRIZWdBQmtLYU44XzE2NjM3MjM4ODE6MTY2MzcyNzQ4MV9WNA)]

允许每个用户可以查看存储桶avatars

选中存储桶avatars，切换到权限设置栏，点击“新规则”按钮，弹出策略编辑弹框，选择“自定义”，如下图所示：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-puWZV2DP-1663723902927)(https://g8nb5c2xl3.feishu.cn/space/api/box/stream/download/asynccode/?code=NjNmMmU4OTlkNWIzYjk1NDM5MDUxM2UxZjlkODZkMGNfV29IUU90dEEyQlRBVzNaaXhyNFVtQ0l6ZE4zOUxXcGlfVG9rZW46Ym94Y25jUnVkbEVFVWV4VDdHNFdHTklDdXhkXzE2NjM3MjM4ODE6MTY2MzcyNzQ4MV9WNA)]

选择SELECT操作，输入策略名称，点击“生成策略”按钮，如下图所示。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xd2SHI8A-1663723902927)(https://g8nb5c2xl3.feishu.cn/space/api/box/stream/download/asynccode/?code=MTBiNWQ4MTU4NTRhOTFmNjBiMWZkZjdhYTkzNzllZWRfa20yTjBUZmFsZThFd1hQamNaZXpUYnMwbldTUmIwVFZfVG9rZW46Ym94Y25JRkdXTHg1bDk0WGdxVlA5WGRIMkxiXzE2NjM3MjM4ODE6MTY2MzcyNzQ4MV9WNA)]