API 文档

快速入门

最近更新时间:2021-04-22 16:22:54

基于云开发快速搭建 Web 网站和小程序,轻松实现多端同步,帮助开发者轻松开启云上开发之旅。

扩展工作模式

当您使用这个扩展时:

  1. 云函数渲染 Web 页面。
  2. Web 页面和小程序监听页面内容输入变更并同步。

前提要求

已经开通 云开发

扩展配置信息

您可以通过以下配置参数:

  • 环境 ID:选择要部署的环境,在哪个环境下使用。

计费

此扩展使用其他云开发或其他腾讯云服务,可能会产生相关费用:

当您使用云开发扩展时,您只需要为您使用的云资源付费;云开发与云上其他资源分开计费,您可以在 费用中心 查看具体信息。

创建的资源

  • Type: Cloud Function。
    Description: 借用云开发 http service 能力,渲染 web 页面,方便开发者体验云开发能力。
  • Type: Cloud DB。
    Description: 存储用户操作数据,借用实时数据库能力,监听数据变更,实现数据多端同步。

权限授予

主账号

该扩展能力使用云开发自有资源即可完成,无需再授予其他权限。

子账号

如果想让子账号也能使用该扩展,需要为子账号授予如下权限才能使用:

  • 策略: QcloudTCBFullAccess。
  • 描述: 云开发全读写访问权限。

安装扩展

您可以通过 云开发控制台,来安装和管理扩展。

使用扩展

  1. 进入扩展安装环境(以下 custom_env 替代)的管理页,打开【用户管理】,进入【登录设置】页面:

    1. 打开【匿名登录】开关,允许应用中可以使用匿名登录的方式访问云开发;
    2. 在【WEB 安全域名】中添加云函数 HTTP 触发当前环境默认域名: ${custom_env}.service.tcloudbase.com ,允许在该域名的页面下调用 web 云开发;
    3. 在【移动应用安全来源】中注册 touristappid,添加成功后获取凭证信息备用;
  2. 打开 custom_env 环境下的【云数据库】,找到 tcb_hello_world 集合进入详情,进入【权限设置】页面,单击【切换到安全规则】,输入:

    {
    "read": true,
    "write": true
    }
  3. Web 网站:使用浏览器可访问。

    https://${custom_env}.service.tcloudbase.com/tcb_hello_world
  4. 微信小程序:访问 Hello World 获取代码片段,一键导入代码到微信开发者 IDE 中(无需配置 AppID);在项目 app.js 中更新如下配置:

    const cloud = cloudbase.init({
    env: "${custom_env}", // 当前环境的ID
    appSign: "touristappid",
    appSecret: {
     appAccessKeyId: "移动应用安全来源 版本", // 步骤1.3中获取的版本
     appAccessKey: "移动应用安全来源 凭证" // 步骤1.3中获取的凭证
     }
    });
  5. 在 Web 或小程序中拖动数字,即可在另一端看到相同的变化。

    注意:

    该扩展为示例 Demo,请按照使用指引来完成配置。注册安全来源时要以 touristappid来注册;在小程序中体验时,无需配置 AppID,填入 touristappid 对应的版本及凭证信息即可。

目录