写点什么

华为云零代码开发图片压缩工具

作者:乌龟哥哥
  • 2022 年 6 月 09 日
  • 本文字数:1130 字

    阅读完需:约 4 分钟

您可以学会不用开发代码,不需要关注代码仓创建,编译构建、测试、部署等流水线能力建设以及开发所需环境的搭建等等繁琐的开发准备工作,只需要函数工作流 FunctionGraph 的“OBS 压缩图片”模板一站式生成应用代码即可实现图片压缩,生成缩略图。

1. 前言

注册华为云账号、实名认证

​ 如果已拥有华为账号且已通过实名认证,可直接体验。


​ 若还没有通过实名认证的账号,请注册华为账号,然后完成实名认证(推荐使用“扫码认证”方式,即时完成)。参考如何实名认证如何扫码认证

2. 资源准备

2.1 创建 OBS 桶

步骤 1 登录对象存储服务控制台,单击“创建桶”,进入“创建桶”界面。


需要创建两个 OBS 桶,分别用来保存用户上传的图片和压缩处理后的图片。



​ 步骤 2 创建两个 OBS 源桶“picture-input2”用来上传图片;目标桶“picture-output2”,存放输出图片的 OBS 桶。




步骤 3 若提示桶名重复,可由用户自行更改,并谨记上传桶与输出桶各自对应的桶名,以便后续流程使用。


创建完成。



步骤 4 完成桶创建以后,OBS 桶列表有两个桶。

2.2 创建委托

1)登录统一身份认证服务控制台,单击“创建委托”。



2)开始配置委托,详情如下图。配置委托



3)点击下一步选择“Tenant Administrator”权限(拥有该权限的用户可以对企业拥有的所有云资源执行任意操作),由于权限列表较长,建议用户在右上方搜索框进行搜索匹配。



4)勾选权限后单击下一步,根据业务需要选择权限的作用范围并单击确定,委托至此创建完成(委托创建后需等待 15-30 分钟方可生效)。


2.3 创建函数

建函数的时候,必须选择委托包含 OBS 访问权限的委托,否则不能使用 OBS 服务。


​ 步骤 1 登录函数工作流控制台,选择“函数模板”。在函数模板页面,搜索“obs 压缩图片”。



步骤 2 填写函数配置信息


​ 1)基础信息配置



2)环境变量配置



说明:


​ 键 obs_address 值的格式为 obs.{region}.myhuaweicloud.com,region 的值,请参考地区和终端节点


​ 键 ThumbnailBucket 值则为您创建的输出桶名称。


​ 3)完成函数创建


​ 4)在“设置”页签,配置内存和超时时间


2.4 添加依赖

用户进入函数详情页,在“代码”页签,单击“添加”,添加下图所示的依赖包,依赖包列表较多,建议右上方搜索框搜索匹配,添加完成后单击确定,并单击页面右上方保存。


2.5 创建 OBS 触发器

步骤 1 在导航栏设置页签,单击左上角创建触发器,进行触发器的创建。


3. 测试效果

登录对象存储服务控制台,单击桶名称进入 picture-input 桶,并单击左侧导航栏“对象”按钮进入对象界面,点击“上传对象”,上传一张自选图片(注意图片名称中不可包含中文以及中文符号),示例所用为 picture.jpg。




​ 进入 picture-output 桶对象界面,可以看到压缩后的图片 resize-picture.jpg,图片大小为 1.28KB,实现了对图片的压缩。



发布于: 刚刚阅读数: 3
用户头像

乌龟哥哥

关注

正在努力寻找offer的大四小菜鸟 2021.03.16 加入

擅长 Hbuilder、VS Code、MyEclipse、AppServ、PS 等软件的安装与卸载 精通 Html、CSS、JavaScript、jQuery、Java 等单词的拼写 熟悉 Windows、Linux、 等系统的开关机 看–时间过得多快,不说了,去搬砖了

评论

发布
暂无评论
华为云零代码开发图片压缩工具_6月月更_乌龟哥哥_InfoQ写作社区