【玩转腾讯云】Serverless/Egg.js/腾讯云 COS 构建图片上传应用

# 安装 serverless cli
$ npm install -g serverless
# 创建 website 目录并进入
$ mkdir website && cd website
# 创建 serverlss 的配置文件
$ touch serverless.yml
# 将静态网站资源放置到 public 文件夹下面
$ mkdir public && echo 'hello serverless' >> public/index.html

# serverless.yml
myWebsite:
  component: '@serverless/tencent-website'
  inputs:
    code:
      src: ./public
      index: index.html
      error: index.html
    region: ap-guangzhou
    bucketName: hello-serverless

$ mkdir egg-example && cd egg-example
$ npm init egg --type=simple
$ npm i
$ npm run dev

$ touch public/index.html

<!-- index.html -->
<input type="file" id="input">
<script>
  const handleInputChange = async(e) => {
    const formdata = new FormData()
    formdata.append('image', e.target.files[0])
    const result = await fetch('/upload', {
      method: 'post',
      withCredentials: true,
      body: formdata,
    })
    console.log(result)
  }
  document.querySelector('#input').addEventListener('change', handleInputChange)
</script>

import * as cos from './cos'
import path from 'path'

async putObject() {
  const { ctx } = this
  const file = ctx.request.files[0]
  const name = 'egg-multipart-test/' + path.basename(file.filename)
  ctx.body = await cos.putObject(name, file.filepath)
}

import COS from 'cos-nodejs-sdk-v5'
import fs from 'fs'
import { sha1 } from 'crypto-hash'
import path from 'path'

const cos = new COS({
  SecretId: 'AKIDjJfbxxxxx',
  SecretKey: 'B1crvhExxxxx',
})

export const putObject = async function(filename, filepath) {
  const fileBody = await fs.readFile(filepath)
  const hash = await sha1(fileBody)
  const fileName = hash + path.extname(filename).toLowerCase()
  return new Promise(resolve => {
    cos.putObject({
      Bucket: 'qingting-1257197216',
      Region: 'ap-guangzhou',
      Key: fileName,
      StorageClass: 'STANDARD',
      Body: fileBody,
    }, function(err, data) {
      resolve(data)
    })
  })
}

# serverless.yml

MyComponent:
  component: '@serverless/tencent-egg'
  inputs:
    region: ap-guangzhou
    functionName: egg-function
    code: ./
    functionConf:
      timeout: 10
      memorySize: 128
      environment:
        variables:
          TEST: vale
      vpcConfig:
        subnetId: ''
        vpcId: ''
    apigatewayConf:
      protocols:
        - https
      environment: release