1. 首页
  2. /
  3. 学习中心
  4. /
  5. 腾讯微搭
  6. /
  7. 开发者
👨‍💻
开发者 · 深度扩展与集成

腾讯微搭开发者学习路径

面向工程师的微搭扩展开发全景:代码块 / 自定义组件 / 云函数 SCF / OpenAPI / 自定义连接器 / 企业微信 API / 小程序深度扩展 / 腾讯云原生集成。

微搭扩展开发四层体系

L1

低码 JS 代码块

前端交互与业务逻辑,含 $page $w $app 内置变量。

适用:字段联动 / 动态显示 / 复杂校验

L2

自定义组件

基于 React / Vue 开发,通过 CLI 打包发布到组件库。

适用:富文本编辑器 / 地图 / 图表 / 视频播放

L3

云函数 SCF

Node.js / Python 后端函数,可被页面 / 流程 / 定时任务调用。

适用:复杂业务规则 / 数据清洗 / 三方 API 组合

L4

自定义连接器

把第三方 REST API 注册为数据源,在拖拽中直接使用。

适用:ERP / CRM / HR 系统对接

低码 JS 代码块示例

1. 动态审批路由(金额 ≥ 5 万加 CFO)

// 事件:表单提交前
const amount = Number($w.amountInput.value || 0);
const dept = await app.cloud.callFunction({
  name: 'getManager',
  data: { userId: app.dataSources.user.openid, level: 1 }
});
let approvers = [dept.data, 'finance_head_id'];
if (amount >= 50000) approvers.push('cfo_id');
return { approverIds: approvers.filter(Boolean) };

2. 调用自定义连接器查询 ERP

// 事件:页面加载
const res = await app.dataSources.ErpCustomer.wedaGetRecords({
  filter: {
    where: { region: { $eq: '华东' } }
  },
  pageSize: 50
});
$w.customerTable.setData(res.records);
// 错误兜底
if (!res.records?.length) app.utils.toast('无数据');

腾讯云原生集成矩阵

腾讯云产品集成方式典型用途
云数据库 TDSQL-C / MongoDB数据源直连业务主数据读写
对象存储 COS内置上传组件图片 / 附件 / 大文件
云函数 SCF函数调用后端业务 / 三方 API 组合
API 网关自定义连接器统一鉴权与限流
腾讯云 BI图表嵌入复杂看板 / 驾驶舱
日志服务 CLSSCF 日志投递集中检索与告警
企业微信 开放 API连接器 + JS-SDK组织架构 / 消息 / 审批
微信小程序一键发布C 端触达 / 扫码 / 支付

多环境 & DevOps 最佳实践

🧪 开发 / 测试 / 生产

使用微搭多环境隔离,配置变量分别指向不同数据库与连接器,避免生产数据污染。

🧭 版本与灰度

支持版本快照与回滚,关键改动先灰度 10% 用户,监控错误率后再全量。

📦 导出与 Git

应用可导出 zip 结构化文件,配合 Git 做版本管理、Code Review 与分支合并。

📊 监控 & 告警

云函数日志 → CLS;运行指标 → 云监控;错误率 / 延迟超阈值企微通知值班。

🔐 密钥管理

第三方密钥存入『环境变量』或腾讯云 SSM 参数仓,严禁硬编码进代码块。

🧱 组件库治理

企业私有组件库分版本发布,在应用中按 semver 引用,降级可一键回滚。