检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通过AstroZero中的连接器上传并识别身份证图片 期望实现效果 AstroZero封装了不同类型的连接器用于对接其他服务,对接后即可在应用中使用该服务。例如,通过连接器对接OCR后,可识别某用户上传到华为OBS上的身份证图片的全部信息。 图1 在页面提交身份证信息 图2 成功识别图片 功能实现方法
在AstroZero中,通过应用与OCR对接,可实现图片或扫描件中文字识别功能。例如,识别某用户上传到华为OBS上的身份证图片的全部信息。 前提条件 已申请身份证识别服务,具体操作请参见开通文字识别服务。 图1 已申请身份证识别服务 已获取AK(Access Key ID)、SK(Secret
”为连接器的名称,“url”取值是图片的URL, “front”表示识别的是身份证正面。 单击脚本编辑器页面上方的,保存脚本。 保存成功后,单击,运行脚本。 不用设置输入参数,直接单击测试窗口右上角的。 在输出参数页签,检查是否识别出身份证上文字信息。 识别出身份证上的文字信息,表明成功调用连接器。
图片 图片作为一个基本组件,用于展示图片,用户可以通过“图片地址”属性,来选择图片。图片可以从本地上传,也可以来自服务器上的图片库。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“图片”组件至页面工作区域,如图1。 图1 图片 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。
图片 图片组件用于在页面展示图片。 在表单开发页面,从“通用组件”中,拖拽“图片”组件至表单设计区域,如图1。 图1 图片 显示名称:设置图片显示名称,默认隐藏显示名称。 选择图片:单击“上传图片”,上传需要展示的图片。 点击放大预览:勾选后,可放大预览图片。 移动端独立设置:勾选后,可给移动端单独设置展示的图片。
图片 图片是媒体组件的一种,用于直接展示需要呈现的图片数据。 在高级页面设计器中,单击,从“媒体 > 通用”中,拖拽“图片”组件到画布中,如图1所示。 图1 图片 属性 在属性中,设置图片组件的位置、边框、连接器等。 图2 属性 基础 组件标题:设置组件的标题。 组件名称:设置组件的名称。
并上传待识别的图片。 图片URL:识别的主体是图片时,可选择“图片URL”并设置图片的URL。 图片文件:识别的主体为图片时,可选择“图片文件”,直接拖入图片文件。 文本信息:识别的主体为文本时,配置为“文本信息”,并填写具体的文本。 模型Apig-Code:用于AstroZe
单击,在弹出的页面中,根据页面提供的参数解释,选择新建字段所属的类型。 文本区 在“数据”页签,单击“添加”,为对象添加数据。 其中,“urlAddress”的值请配置为图片的存放地址。 图4 为对象添加数据 新建对象模型。 在应用设计器中,选择“界面”,单击页面后的“+”,新建一个标准页面。
设置AstroZero标准页面图片组件属性 图片作为一个基本组件,用于展示图片,用户可以通过“图片地址”属性,来选择图片。图片可以从本地上传,也可以来自服务器上的图片库。 图1 图片组件 数据绑定 通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。
主题颜色:系统预置的主题颜色。 图标:设置应用的Logo,如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上,选择“更改”,可更改应用Logo。 布局:选择“布局”中的样式,在右侧区域设置布局参数,如菜单、子菜单、页签、应用标题的字体及颜色等。 布局选项:提供了一些常见选项,用于设置应用布局。
在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接,即单击图片,跳转到指定的网站。 图1 最终实现效果 功能实现方法 在应用设计器中,选择“界面”,单击高级页面后的“+”,新建一个高级页面。 单击,拖拽轮播组件到右侧画布中。
GIF格式的图片,每张图片不超过1MB,推荐图片尺寸为800x800像素。在“网络图片”页签中,可以通过输入图片的地址,来获取图片。 选择“填充”表示图片不保证保持原有比例,图片拉伸填满整个容器。 选择“包含”表示图片保持原有尺寸比例,可能会在容器内留有空白。 选择“覆盖”表示图
图标:鼠标放在“图标”下的图片上,选择“更改”,上传新图片,可更改应用Logo,同时支持设置圆形图标和隐藏文字。 图2 设置图标 布局:选择“布局”中的样式(“菜单显示为左侧”等),在右侧“样式设置”区域设置布局参数,包括默认、鼠标悬浮、激活状态下应用顶部、应用标题、菜单、子菜单、页签的字体、字号及背景色等。
配置测试参数 选择类型:识别的主体可以是图片或文本信息。本示例选择“文字识别套件 / 图片文件”,并上传待识别的行程码图片。 文字识别套件 / 图片URL:识别的主体是图片URL。 文字识别套件 / 图片文件:识别的主体为图片文件。 自然语言处理套件 / 文本信息:识别的主体为文本。 模
在左侧导航栏中,选择“应用管理 > 企业配置 > 外观与操作”。 在上传背景图中,单击待自定义图片后的,可自定义背景图片。 图4 上传背景图片 单击右侧图片上的预览,可预览设置效果。 图5 预览设置效果 预览效果符合预期后,单击“保存”。 自定义菜单 参考登录管理中心中操作,登录AstroZero运行环境管理中心。
(可选)测试是否可识别行程码。 在该连接器详情页面,单击“测试”。 配置测试参数,单击“测试”。 页面弹出“成功”提示框,表明成功识别行程码。 图3 配置测试参数 选择类型:识别的主体可以是图片或文本信息。本示例选择“文字识别套件 / 图片文件”,并上传待识别的行程码图片。 文字识别套件 /
测试是否可识别花卉图片。 在连接器详情页面,单击“测试”。 配置测试参数,单击“测试”。 图3 配置测试参数 选择类型:识别的主体可以是图片或者文本信息。本示例选择“图片文件”,并上传待识别的图片。 图片URL:识别的主体是图片时,可选择“图片URL”并设置图片的URL。 图片文件:
勾选使用连接器,表示取自OBS连接器。当连接器中图片过多时,可能会导致读取图片缓慢,且打包该页面时,由于图片地址为绝对地址,打包安装后,图片地址不可用,需要重新上传图片并进行配置。 不勾选使用连接器,表示图片来源取自平台接口。选择图片后实际存储的是图片id,页面随应用打包时会将图片一起打包,在新环境安装后无需重新上传配置。
样式:设置背景的样式,如普通、居中、拉伸等。 图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。 颜色:设置组件的背景颜色。 自定义属性列表 显示组件的自定义属性。 图片源设置 图片来源是否取自OBS连接器。
在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转 高级页面中的轮播组件主要用于多个图片的自动循环切换,您也可以为图片添加超链接,即单击图片,跳转到指定的网站。本实践向您介绍,如何为轮播组件中图片添加一个超链接,跳转到AstroZero帮助文档。 在AstroZero高级页面中使用花瓣图展示订单数据