含泪爬坑:图像识别小程序 & 爬出坑开发经验教授

109 阅读1分钟

基础知识

最终效果

图片描述

刷新下 图片描述

点击+号上传照片 图片描述

图片描述

##实操步骤

第1步:打开扣子开发平台

图片描述

第2步:工作空间 - 项目开发 - +项目

图片描述

第3步:创建应用 - 空白应用

图片描述

图片描述

图片描述

第4步:工作流 - 新建工作流

图片描述

图片描述

第5步:“开始”节点后,添加“插件”节点

图片描述

图片描述

第6步:连接“结束”节点 && 配置“结束”节点

图片描述

图片描述

第7步:配置“插件”节点

图片描述

第8步:配置“开始”节点

图片描述

第9步:imgUnderstand插件,url必须是字符串。

图片描述

第10步:到底是否会成功,先试运行看看效果。

图片描述

图片描述

没报错

图片描述

第11步:用户界面 - 小程序和H5 - 开始搭建

图片描述

第12步:输入组件 - 图片上传

图片描述

第13步:展示组件 - 文本

图片描述

第14步:单击“首页”,去掉导航栏

图片描述

第15步:配置“图片上传”

图片描述

图片描述

第16步:调试页面 - 时间线

图片描述

点击“图片上传”控件,上传一张图片。

图片描述

第17步:复制出错提示,到豆包

图片描述

图片描述

第18步:业务逻辑 - 工作流,删除图像识别节点。添加“大模型”节点。双击“大模型”,改名“读图大模型”。

图片描述

第19步:配置“读图大模型”

图片描述

图片描述

第20步:连接“结束”节点

图片描述

图片描述

第21步:试运行

图片描述

第22步:返回用户界面,推荐组件 - 拖动按钮

图片描述

第23步:配置“按钮”

图片描述

图片描述

第24步:点击“重新上传”

图片描述

图片描述

需要等一会,才能出结果。

图片描述

第25步:点击“图片内容:”

图片描述

第26步:点击“首页” 旁边的 预览

图片描述

图片描述

第27步:数据 - +

图片描述

第28步:选中按钮 - 属性 - 可见性 - 常用条件

图片描述

图片描述

第29步:图片上传 - 事件

图片描述

图片描述

第30步:回到预览界面,刷新看效果

图片描述