基于企业微信API的微应用前端与后端架构设计

1. 引言

微应用前端负责给员工点:查订单、提审批、看客户。后端负责鉴权、任务、出站。把发送写进按钮点击函数里,页面一卡、人连点,就是多条通知。架构要把「界面操作」和「投递」切开。

2. 三层不要焊死

text 复制代码
前端(工作台 / 管理页)
  → 后端业务 API(鉴权、校验、写任务)
    → 发送进程(号在线才出站)
      → 员工会话
回调入口 → 入队 → 业务消费 → 回写工作台

前端不持有发送凭证。凭证在发送进程。员工在前端看到的「已发送」,以任务状态为准,不要以按钮返回为准。

QiWe API 放在发送进程和回调入口,不要嵌进浏览器。

3. 前端

工作台可以是你们自己的管理端,不必先上官方 JS-SDK。需要的是:当前员工、当前客户绑定、任务列表、失败原因(存活 / 对象 / 投递)。不要在前端拼会话 ID 当隐藏域长期保存后还拿去发。

后端怎么调发送,以 API文档 为准。

4. 后端

python 复制代码
def create_notify(user, customer_no, text, db):
    bind = db.get_bind(user.device, customer_no)
    if not bind:
        return {"ok": False, "reason": "unbound"}
    key = f"ui:{user.id}:{customer_no}:{hash(text)}"
    if db.try_insert(key):
        db.enqueue(user.device, bind["peer"], text)
    return {"ok": True}

出站交给 QiWe API。回调入口只入队。前端轮询任务状态,不轮询聊天窗口。

测试和生产不能共用任务表。前端环境标识必须传到任务行上。

频率、回调和附件分模块做,不要挤进页面按钮。

5. 验收

连点三次按钮只有一条出站;关闭页面后任务仍会发;号掉线时前端看到的是存活失败,不是「接口 500 自己猜」。

6. 总结

微应用架构的合格线:前端无凭证、后端有任务、发送有进程、回调有队列。企业微信API是出站层,不是页面组件。

相关推荐
wizardpisces20 分钟前
Claude Code 是 Angular,Codex 是 Vue,DeepSeek 想当 React
前端·人工智能
计算机魔术师27 分钟前
纽约时报诉 OpenAI 案新解封文件:微软与 OpenAI 内部承认 LLM 建立在窃取之上并引发 Doom Loop
前端
PedroQue9930 分钟前
uni-app x 事件通信插件重磅上线
前端·uni-app
lichenyang45339 分钟前
ASCF WebView:H5 为什么收不到元服务消息?
前端
莪_幻尘1 小时前
从 0 到 1 搭建你的 AI Agent 平台:当 Agent 有了工厂,人人都能造同事
前端·ai编程
yuzhiboyouye1 小时前
XML写接口适用场景举例
java·服务器·前端
IMPYLH1 小时前
HTML 的 <slot> 元素
前端·网络·html
计算机魔术师1 小时前
AI行业周末炸锅:有人要踩刹车,有人嫌你刹车片太厚
前端
yuzhiboyouye1 小时前
零sql和xml写接口,的区别是什么,过程是什么,举例一下下,用mybatis-plus+ spring-boot
java·服务器·前端
怕浪猫1 小时前
构建你自己的 AI Agent 发行版:从 Profile 定制到生产部署全流程
前端·后端·面试