超级简单的 Dify × EdgeOne 开发自有的AI应用工作流

原创

张曙光

发布于 2026-05-15 17:36:03

310

关于EdgeOne

一开始看到EdgeOne的时候,我还不明白这具体是什么,了解完了之后,发现这个还挺方便的,对于上线部署网页还是很友好的.由于我不是专业的前端开发.我是一个unity客户端.

对于前端网页啥的开发我只有Laya的经验.laya的开发语音是Ts ,实际上laya 就是通过编辑器集成了three.js库.用来做一些比较不错的页面游戏.目前有很多游戏都是通过layaair开发的. 2d,3d都可以.

按照一般的经验.如果开发完成了一个页游.我们必须租一个服务器,并且安装上linux或者是Windows Server ,然后安装环境,并且部署上去,还需要配置一些防火墙等等.而使用了EdgeOne之后,这部分的工作就可以省略了,并且速度很快.但是有个前提.就是你的包必须放在GitHub或者是其他的仓库中.

以下是我从0-1的部署网页的完整步骤

首先我们通过layaair生成一个简单的页面:

这个页面就是通过键盘输入wasd控制主角左右移动,功能是很简单的.然后将其打包成一个网页:

打包完成后,看到如下的文件夹

那么这个时候.我们假设项目开发完毕了.现在需要部署到云上.接下来就是EdgeOne登场了

下面使它的官网地址:

Speed Test to Grab More EdgeOneFree Plans

按照流程注册之后来到控制台

点击导入Git仓库: 因为在写这篇文章之前我已经和我的GitHub进行了绑定.所以,这里会有我的所有仓库文件:

接下来,我需要把我刚刚生成的web页面文件上传到Git中.

由于网络比较慢.所以这里面耽误了一些时间.

上传完毕之后,EdgeOne里面就会有你刚刚上次的库.这个时候我们直接点击部署即可

然后对于部署的名称,是有要求规范的:

只要等待就可以.

很快啊

然后点击预览.

因为这里只是测试.所以其他配置我均保持默认.

这里需要注意的是,点击确定是关闭了这个弹窗.实际上点击上方的地址才是真正的预览.

点击后开始加载并完整的打开了网页:

你看,通篇下来步骤很少,我还不是专业的前后端开发 ,大概前前后后花了不到1个小时,就完整的部署了一个私有的网页游戏.期间并没有遇到任何问题.

关于 Dify

这个就是你自己配置某些条件,满足了之后就Ai会根据你设置的条件来执行相对应的语句.它的操作方式有点像虚幻里面的蓝图.

按照标准的介绍呢,就是 Dify工作流是一个可视化AI管道构建器，通过拖放节点连接LLM、数据库、API和代码，实现多步骤AI任务的自动化

这个对于习惯了蓝图开发的人来说,这个界面倒是很友好.

因为我是做游戏的.所以我还是想通过一些工作流的方法,可以提升策划的能力.或者说给玩家一个相对来说很刺激的玩法.

如何开始?

首先这是它的官网:https://cloud.dify.ai/apps

然后需要用谷歌或者是GitHub账号登录.登录之后就会来到它的工作台

那么我建议到这步的时候,去看一看它的官方指导文档.

https://dify.ai/blog/get-started-with-dify

然后可以开始自己的个性化创作.首先.我尝试做一个简单的功能:

首先我们通过创建一个空白的工作流.我是一边看文档,一边操作的.如果图片过于长的话我就不一一截图了.直接附上最后的成品.然后跟着一个讲解.就不浪费篇幅占用大家的时间了.

首先有个开始节点,然后配置节点的属性,这有点像我目前正在开发的项目:

我这个项目就是通过判断是否满足当前节点的条件,如果不满足就会卡在这个节点里面,如果满足,会过渡到下个节点.基本上页面设置也是差不多的.

这里最重要的节点就是LLM节点,因为这个节点是通过AI处理的.有各种各样的类型输出.当然,你要给它一个个性化的指令.例如它的角色是什么,需要它提供什么,注意什么.还有它输出什么.这些都需要个性化定义.否则它是不会去作用的.这就像元宝里面的指令设置.

下面是基本的操作步骤,如果把本文当作一个教学文章的话,那么你就有必要的看一下 ,如果你只是想看一下效果,可以直接跳到文章最后.

那么我想要的是一个策划人员,在网页上借助Ai的能力,做出很多刺激的背景故事啊,或者玩法啊.什么的,尤其是独立游戏开发者,他们一般来说编程是没有任何问题的,但是你让他做个游戏策划,要么他是抄袭别人的玩法,要么就做的游戏类型已经是耳熟能详的了.所以我认为一个好的AI策划师,对于独立游戏开发者是很有必要的.

一开始,必须要有一个开始入口,这和我的设计也是差不多的,一定要有个入口.

开始节点这个点击右键即可找到,这个节点可以由用户给出关键字,

点击 + 号即可我这里是给了两个关键字 ,一个是game_type ,一个是theme

其中,变量名称是给程序定义的,显示名称是给用户看的.最大长度是允许用户输入的最长的字符长度.默认值就是用户不想输入的时候这不会为空.

定义好了之后我们如果点击了测试运行:

然后就是自己配置AI处理了,这个节点叫LLM,这个节点简单点理解就是一个"元宝/豆包/Deepseek",它是专门处理你之前输入的事情,我觉得未来的AI能力功能上也许会越来越垂直,比如:一个专门做面包的AI,它只能理解和处理有关面包的事情,不会有一个AI是全知全能的.如果有一个AI,它说它自己无所不知无所不晓,已经懂了所有人类已有的书本知识,互联网知识了.那么问一个简单的哲学问题:世界如何诞生的,那么不同的哲学派系有不同的说法,有的派系说世界起源是火,有的说是水,有的说是一种看不见的物质.那么AI该如何给出回答呢?所以这里的LLM,做的就是垂直方向,不会因为由于会的过多而出现回答的"幻觉".你给他做了一个限制,让它不需要那么的全知全能.

然后添加一个LLM,这里可以设置自己喜欢的大语言模型. 点击LLM模块,设置它的属性,其中System 是代表了它的个性化设置,就是前文提到的元宝中的指令,事实上,这里的指令也是我参照元宝里面的指令写的

这是元宝的例子

这是我照着写的:

当然下面的User是要上一步的变量.可以根据变量产生不同的故事.

然后接下来还有一个LLM ,它可以根据之前的LLM生成的故事进行二次创作.这个配置就比较简单.它只需要

最后这是一个用了2次LLM生成的游戏策划情节:

最后是输出的游戏情节.当然,还可以继续优化.因为我看到这里面还有if分支

那么这里是添加了游戏的分支:

这么做是因为我想通过指令来设置AI是某一个方面的策划专家.而不是什么信息都是一个AI在处理

整个是这样的:

没有做其他分支是因为我感觉没必要,大家明白这个意思就行了,还有一部分原因是我看到它的免费token只有200个,我还挺舍不得用的.意思就是 所谓的LLM是可以根据上个AI的结果进行二次生成的.

其实做到这里,我感觉我已经慢慢的上手了.因为实在没有什么需要技术门槛的东西.只要是时间充足,一定会有一些好的工作流出来.

然后发布为工具

如果想发布的话,有一个办法是将它通过iframe 嵌入网站,我这里用全屏得方法


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>腾讯云(tencent)</title>
</head>
<body>
    <h1>Dify × EdgeOne</h1> 
	<iframe
src="https://udify.app/workflow/zDSdSj8NARcFIRj7"
style="width: 100%; height: 100%; min-height: 700px"
frameborder="0"
allow="microphone">
</iframe>
</body>
</html>

src 根据个人的工作流地址的不同.可以修改.

最后,这是发布出来的样子:

PS: GitHub 上次的时候用客户端上传更新没有网页上传更新的快.我不明白为什么.还有就是嵌入的页面名称要是index.html

总结

我感觉,通过深度与使用AI工作,策划师的工作灵感会源源不断的迸发出来.我一直在做有关于低门槛编程的工作.我是通过上文中说的,让用户可以低代码,或者是无代码编程.相信有了AI的加持.像<西部世界>中剧情策划师那样的情节(剧情策划师会对AI说话,AI会根据对话的内容生成一个个的情节出来,例如,用户说了一个女孩,那么会有一个模糊的女人声影,然后说她在房子前,那么房子也是模糊,然后用户丰富语言的细节,例如说一个20岁的长发女孩,那么女孩的形象更清晰了一些.等等)肯定会在可见的将来会实现.

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

DifyxEdgeOne最佳案例征集大赛