relational-database-web-cloudbase by tencentcloudbase/skills
npx skills add https://github.com/tencentcloudbase/skills --skill relational-database-web-cloudbase当你需要在前端应用(React、Vue、原生 JS)中使用 @cloudbase/js-sdk 访问 CloudBase 关系型数据库时,请使用此技能。
在以下情况下使用它:
db 客户端请勿在以下情况使用此技能:
relation-database-skill → node-sdk/quickstart.md)relation-database-skill → mcp-tools/mcp-guide.md)广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
env – CloudBase 环境 IDenv 这样的值,不要改变对象结构。db 视为 Supabase 客户端 – 方法名称和模式完全相同。db 客户端,并在各组件中重复使用它。npm install @cloudbase/js-sdk
import cloudbase from "@cloudbase/js-sdk";
const app = cloudbase.init({
env: "your-env-id", // CloudBase 环境 ID
});
const auth = app.auth();
// 单独处理用户认证(使用 Web Auth 技能)
const db = app.rdb();
// 像使用 Supabase 客户端一样使用 db
初始化规则(Web, @cloudbase/js-sdk):
import("@cloudbase/js-sdk") 懒加载 SDKinitPromise 缓存的 initCloudBase()db 客户端并重复使用它,而不是重新初始化规则:
cloudbase.init 的选项上发明新的属性。app.rdb() 来获取数据库客户端;app 不是数据库客户端。// lib/db.js (共享数据库客户端)
import cloudbase from "@cloudbase/js-sdk";
const app = cloudbase.init({
env: "your-env-id",
});
export const db = app.rdb();
// hooks/usePosts.js
import { useEffect, useState } from "react";
import { db } from "../lib/db";
export function usePosts() {
const [posts, setPosts] = useState([]);
useEffect(() => {
async function fetchPosts() {
const { data } = await db.from("posts").select("*");
setPosts(data || []);
}
fetchPosts();
}, []);
return { posts };
}
// 获取最新帖子
const { data, error } = await db
.from("posts")
.select("*")
.order("created_at", { ascending: false });
if (error) {
console.error("Failed to load posts", error.message);
}
// 插入
await db.from("posts").insert({ title: "Hello" });
// 更新
await db.from("posts").update({ title: "Updated" }).eq("id", 1);
// 删除
await db.from("posts").delete().eq("id", 1);
db = app.rdb() 之后,所有查询都使用 Supabase 文档和模式。每周安装量
517
代码仓库
GitHub 星标数
38
首次出现
Jan 22, 2026
安全审计
安装于
opencode452
codex451
gemini-cli444
github-copilot432
cursor425
kimi-cli424
Use this skill whenever you need to access CloudBase Relational Database from a browser app (React, Vue, vanilla JS) using @cloudbase/js-sdk.
Use it when you need to:
db client across your Web appDo NOT use this skill for:
relation-database-skill → node-sdk/quickstart.md)relation-database-skill → mcp-tools/mcp-guide.md)env – CloudBase environment IDenv, never the object shape.db as a Supabase client – method names and patterns are identical.db client and reuse it across components.npm install @cloudbase/js-sdk
import cloudbase from "@cloudbase/js-sdk";
const app = cloudbase.init({
env: "your-env-id", // CloudBase environment ID
});
const auth = app.auth();
// Handle user authentication separately (Web Auth skill)
const db = app.rdb();
// Use db exactly like a Supabase client
Initialization rules (Web, @cloudbase/js-sdk):
import("@cloudbase/js-sdk")initCloudBase() with internal initPromise cachesdb client and reuse it instead of re-initializingRules:
cloudbase.init options.app.rdb() to get the database client; app is not the DB client.// lib/db.js (shared database client)
import cloudbase from "@cloudbase/js-sdk";
const app = cloudbase.init({
env: "your-env-id",
});
export const db = app.rdb();
// hooks/usePosts.js
import { useEffect, useState } from "react";
import { db } from "../lib/db";
export function usePosts() {
const [posts, setPosts] = useState([]);
useEffect(() => {
async function fetchPosts() {
const { data } = await db.from("posts").select("*");
setPosts(data || []);
}
fetchPosts();
}, []);
return { posts };
}
// Fetch latest posts
const { data, error } = await db
.from("posts")
.select("*")
.order("created_at", { ascending: false });
if (error) {
console.error("Failed to load posts", error.message);
}
// Insert
await db.from("posts").insert({ title: "Hello" });
// Update
await db.from("posts").update({ title: "Updated" }).eq("id", 1);
// Delete
await db.from("posts").delete().eq("id", 1);
db = app.rdb(), use Supabase documentation and patterns for all queries.Weekly Installs
517
Repository
GitHub Stars
38
First Seen
Jan 22, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykFail
Installed on
opencode452
codex451
gemini-cli444
github-copilot432
cursor425
kimi-cli424
Supabase Postgres 最佳实践指南 - 8大类别性能优化规则与SQL示例
57,300 周安装