tencent cloud

云开发 CloudBase

文档云开发 CloudBase

Web SDK

聚焦模式
字号
最后更新时间: 2025-11-26 10:00:40
@cloudbase/js-sdk allows you to access Cloudbase services and resources using JavaScript on the web (e.g., PC web pages, WeChat public platform H5, etc.).

Installing

Method 1: Introducing Via a Package Manager

#npm
npm install @cloudbase/js-sdk -S
# yarn
yarn add @cloudbase/js-sdk

Method 2: Introducing Via CDN

There are two methods to introduce via CDN:
Import the full SDK
Import feature modules as needed
<script src="//static.cloudbase.net/cloudbase-js-sdk/${version}/cloudbase.full.js"></script>
<script>
const app = cloudbase.init({
env: "your-env-id"
});
</script>

<!-- Kernel -->
<script src="//imgcache.qq.com/qcloud/cloudbase-js-sdk/${version}/cloudbase.js"></script>
<!-- Login Module -->
<script src="//imgcache.qq.com/qcloud/cloudbase-js-sdk/${version}/cloudbase.auth.js"></script>
<!-- Cloud Function Module -->
<script src="//imgcache.qq.com/qcloud/cloudbase-js-sdk/${version}/cloudbase.functions.js"></script>
<!-- Cloud Storage Module -->
<script src="//imgcache.qq.com/qcloud/cloudbase-js-sdk/${version}/cloudbase.storage.js"></script>
<!-- Cloud Database Module -->
<script src="//imgcache.qq.com/qcloud/cloudbase-js-sdk/${version}/cloudbase.database.js"></script>
<!-- Real-time push module, the cloud database module must be included first -->
<script src="//imgcache.qq.com/qcloud/cloudbase-js-sdk/${version}/cloudbase.realtime.js"></script>
<!-- Ad reporting module -->
<script src="//imgcache.qq.com/qcloud/cloudbase-js-sdk/${version}/cloudbase.analytics.js"></script>
<script>
const app = cloudbase.init({
env: "your-env-id"
});
</script>

Note:
The feature module must be introduced after the kernel, and the login module must be introduced.
The latest version number can be found on NPM.

Development Documentation

Note:
The new version of the JavaScript SDK has been renamed to @cloudbase/js-sdk. The old version tcb-js-sdk will no longer be updated in the future. For details, please refer to the migration guide.

帮助和支持

本页内容是否解决了您的问题?

填写满意度调查问卷,共创更好文档体验。

文档反馈