更新记录

1.0.0(2024-03-25)

1,支持配置上传的图片数量 2,支ios和Android 3,支持复制不同的图片信息到剪贴板


平台兼容性

阿里云 腾讯云 支付宝云
× ×
Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.99 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × ×

云函数类插件通用教程

使用云函数类插件的前提是:使用HBuilderX 2.9+


图片上传Cloudflare R2免费存储桶

创建一个简易的图片上传服务,利用Dcloud的云存储和 Cloudflare R2 作为双存储解决方案。通过这种方式,用户可以上传、存储和管理图片文件。由于 Cloudflare R2 提供了可扩展的存储空间并且免费,对于免费账户提供 10G 的空间以及每月 100 万次的 A 类操作和 1000 万次 B 类操作,具体什么是 A 类操作什么是 B 类操作,可以参考官方说明:A 类操作。对于刚开始的项目,是不错的一个备份选择。

开始

1,注册 Cloudflare 账户并开通 R2 服务

* 前往 Cloudflare 注册页面;
* 用你的邮箱地址作为登录用户名,并输入密码;
* 点击 Create Account, 一封电子邮件会发往你注册的邮箱,点击里面的确认链接即可激活账号。

2,开通 R2 服务

* 登录 Cloudflare,从左侧菜单栏进入 R2 页面,按照页面提示开通 R2 服务。
* 开通 R2 服务需要提供信用卡信息,支持 VISA 的即可,超过免费使用额度的时候会从该卡扣费,对于访问量不大的个人开发者,免费额度一般足够了。

3,创建bucket

* 接下来我们点击Create Bucket蓝色按钮,创建一个名为static的“桶”(bucket)。
* 点击Settings选项卡,进入配置页面,点击 Allow Access,允许其中的图片被互联网访问到。

4,创建 API Token

* 在R2页面右则进入 管理 R2 API 令牌 。
* 点击【创建API令牌】按钮,进入配置页面,令牌名称:自定义。权限:对象读和写。指定存储桶:仅应用于特定存储桶:选择刚刚创建的存储桶。选择【创建API令牌】
* 同时保存:为 S3 客户端使用以下凭据 对应的:【访问密钥 ID】和 【机密访问密钥】,还有 为 【S3 客户端使用管辖权地特定的终结点】。    

5,修改云函数对象awsToR2配置

* 根据配置修改对应的参数值。
* 注意nodejs的版本要先Nodejs14,默认的是Node8会出错。
* 由于是使用了aws S3的上传模块,所以,还要集成安装AWS S3的模块。

先决条件

1,开通云空间,配置云函数和云存储

2,开通Cloudflare R2和配置相关参数

3,APP有读取相册权限

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问