应用实战｜Web开发示例--多人聊天互动空间

“超能力”数据库～拿来即用，应用开发人员再也不用为撰写API而发愁。MemFire Cloud 为开发者提供了简单易用的云数据库（表编辑器、自动生成API、SQL编辑器、备份恢复、托管运维），很大地降低开发者的使用门槛。

Realtime 游戏场是一个可以多人互动，鼠标位置共享并且可以实时聊天的小应用。应用的前端采用vue3框架，应用后端服务使用了MemFire Cloud，其中使用到的MemFire Cloud功能包括：

• 云数据库：存储小程序数据表的信息。
• 用户验证：小程序使用MemFire Cloud提供的用户认证的API接口，快速完成用户注册登录操作。
• 即时API：创建数据表时会自动生成 API。
• 云数据库：存储小程序数据表的信息。
• Realtime：轻松构建任何类型的实时应用程序。

创建应用

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

登录MemFire Cloud， 在“我的应用”页面创建一个新应用

创建数据表

点击进入应用详情页面，在“表编辑器”页面可视化建表。

1.创建realtime_user表

在“SQL执行器”/“创建表”，创建realtime_user表。realtime_user表主要记录用户的资料，表结构字段如下：

名称	类型	描述
id	uuid	主键，唯一标识ID
name	text	用户名
x	real1	用户光标的横坐标
y	real	用户光标的纵坐标
message	text	用户发送的消息
online	boolean	用户是否在线
color	text	用户头像颜色
mobile	boolean	是否手机在线
last_active	timestamp	最后在线时间

sql建表语句

create table realtime_user (
  id uuid default uuid_generate_v4() primary key,
  name text,
  x real,
  y real,
  message text,
  online boolean,
  color text,
  mobile boolean,
  last_active timestamp default now()
);

2.创建realtime_chat表

在“SQL执行器”/“创建表”，创建realtime_chat表。realtime_chat表主要记录聊天消息数据，表结构字段如下：

名称	类型	描述
id	uuid	主键，唯一标识ID
name_id	uuid	用户id,关联realtime_user的id
created_at