如何使用云开发在云函数中将文件上传到静态网站托管?

前言

云开发为开发者提供静态网站托管的能力,静态资源(HTML、CSS、JavaScript、字体等)的分发由对象存储 COS 和拥有多个边缘网点的 CDN 提供支持。如何在云函数中上传文件到静态网站托管呢?

本篇文章将使用云开发Node.js 管理端 SDK演示在云函数中上传文件到静态网站托管。

准备

  • 云开发按量计费环境(环境的创建应该不用多说了,相信大家都知道怎么操作)
  • 开通静态网站托管
  • 腾讯云访问密钥

操作步骤

  1. 获取secretIdsecretKey
    打开腾讯云控制台,在右上角头像位置下拉菜单中找到访问管理并点击进入。

    如何使用云开发在云函数中将文件上传到静态网站托管?_第1张图片

    选择左侧菜单栏中的访问密钥-API密钥管理,点击新建密钥
    如何使用云开发在云函数中将文件上传到静态网站托管?_第2张图片

    点击显示根据提示操作即可获得密钥。

  2. 创建云函数

    打开云开发 CloudBase 控制台,选择自己的云开发环境,选择左侧菜单栏的云函数
    如何使用云开发在云函数中将文件上传到静态网站托管?_第3张图片

    ​ 点击新建云函数,然后根据提示信息填写云函数配置信息,完成创建即可。
    如何使用云开发在云函数中将文件上传到静态网站托管?_第4张图片

    ​ 复制测试代码到新创建的云函数中,并修改envId(云开发环境id)、secretIdsecretKey(获取方式见上一步)。
    如何使用云开发在云函数中将文件上传到静态网站托管?_第5张图片

  3. 保存并安装依赖

    编辑完成后点击左下方保存并安装依赖按钮。并等待右上角出现云函数更新成功提示后即可。

  4. 测试

    打开右上角的测试按钮,点击运行测试,出现如下结果说明测试成功。
    如何使用云开发在云函数中将文件上传到静态网站托管?_第6张图片

    打开所操作云环境的静态网站托管即可看到刚刚上传的资源信息。
    查看上传资源

结语

  • 本文通过云开发 Node.js 管理端 SDK 以及运用云函数临时读写文件的tmp目录来实现使用云函数上传文件到静态网站托管。

  • 云开发 manager-node sdk 支持开发者通过接口形式对云开发提供的云函数、数据库、文件存储等资源进行创建、管理、配置等操作。

  • 云函数代码存放于GitHub仓库:https://github.com/wangzhuolin/tcb_scf2hosting

大家快去体验试试吧!

你可能感兴趣的:(云开发,云开发,腾讯云,node.js)