Dify 工作流实战：快速搭建 Web 登录界面

Dify 工作流实战：快速搭建 Web 登录界面

Dify 工作流虽然功能强大，但在处理用户身份验证时存在明显短板。传统的 Dify 工作流仅依靠自然语言对话，用户体验会大打折扣。用户需要清晰地知道在哪里输入账号密码，系统需要可靠地验证用户身份，这些都是纯文本对话难以完美实现的。

Dify 工作流中的模板转换节点 (Template Transform) 提供了 HTML 表单渲染能力。通过简单的 HTML 代码，就能在聊天窗口中渲染出完整的登录表单，用户输入的信息会自动转换为 JSON 格式，为后续的验证逻辑提供标准化的输入数据。

实战演练：5 步搭建登录系统

第一步：设计登录表单模板

在 Dify 工作流中添加模板转换节点，使用以下 HTML 代码创建登录表单：

<form> <label for="username">用户名：</label> <input type="text" name="username" /> <label for="password">密码：</label> <input type="password" name="password" /> <button>登录</button> </form>

这个简单的表单包含了用户名输入框、密码输入框和登录按钮。关键点在于 data-format="json" 属性，它确保了表单提交的数据能够自动转换为 JSON 格式。

第二步：配置用户验证逻辑

添加代码节点来处理登录验证，核心代码如下：

def main(input_string):
    # 解析用户输入的账号密码
    data = json.loads(input_string)
    username = data['username']
    password = data['password']
    # 这里可以替换为你的实际验证逻辑
    if username == :
         {: , : }
    :
         {: , : }