【小程序云七天学习训练营】Day3

2022-02-08 00:15:34

云存储使用

mpserverless.file 对象提供 uploadFile 和 deleteFile方法管理文件。上传的文件将通过CDN进行网络加速。

步骤一：设置文件权限

小程序Serverless提供了一套简明易懂的JSON语法用来控制用户对资源的访问，类似于身份验证体系里的IAM或者网络安全中的ACL。您可以通过修改权限规则来管理文件权限。

小程序Serverless会为每个新建的文件自动提供一个默认权限规则。默认规则规定所有文件都只有资源所有者可以进行写操作，所有人可读。您可以在控制台上修改文件权限。

1.打开小程序云控制台，在云存储页面，单击权限图标。
2.修改权限规则，然后单击保存。

上面的权限规则由多个子规则组成，每个子规则包含以下信息：

• 范围：用于定义规则生效范围。在数据存储的安全规则中，每一个规则的范围是一个文件（路径）。您可以通过文件路径指定一个特定的文件，也可以通过JavaScript的正则表达式指代一批文件或使用星号（*）指代所有文件。

• 操作：用于定义生效范围内的特定操作。所有人都具有文件的读权限。.write代表写操作，* 代表所有操作。

• 策略：用于确定生效范围内的特定操作是否允许。默认没有标记为允许的操作，都是不允许的。策略是操作是否被允许的标记，可以是一个布尔值，或者是一个表达式。当策略冲突时，以最先出现的规则策略为准。如默认的权限规则策略表达式request.auth.userId == resource.auth.userId代表所有文件都只有资源所有者可以进行写操作，所有人可读。

步骤二：云存储操作

控制台操作

1.打开小程序云控制台，在云存储页面，单击上传文件。
2.单击直接上传或将文件拖拽至上传区域。
文件上传过程中，请勿刷新或关闭页面，否则上传任务会被中断且列表会被清空。

3.上传成功后，您可以单击详情查看图片下载地址。

小程序端调用

1.在小程序项目的根目录执行以下命令安装 SDK。

npm install @alicloud/mpserverless-sdk --save

2.文件上传或删除。

// 选择文件上传
my.chooseImage({
  chooseImage: 1,
  success: res => {
    const path = res.apFilePaths[0];
    const options = {
      filePath: path,
      headers: {
        contentDisposition: 'attachment',
      },
    };

    my.serverless.file.uploadFile(options).then(console.log).catch(console.error);
  },
});
// 删除之前上传的文件
my.serverless.file.deleteFile('https://resource.bspapp.com/xxx-xx/4b82ded0-0118-4de4-9f50-ab13110a1ffb.jpg').then(res => {
  console.log(res);
}).catch(err => {
  console.error(err);
});

今日作业

实现在小程序中点击选择相册内图片上传，上传成功后，插入一条产品表的数据，产品图片url字段使用上传成功后返回的fileUrl字段。

码农公寓