🎁 LuckDesign SDK - Demo1

标签设计集成方案 - 基础示例

← 返回首页

✨ 核心特性

  • 快速集成:使用 LuckDesign SDK,快速集成代码
  • 开箱即用:一行代码创建客户端,自动处理初始化和配置
  • 业务方法:提供 openDesigner、loadTemplate、loadDesign 等高级方法
  • 统一回调:集中管理生命周期钩子和日志回调,代码更整洁
  • 最佳实践:参考这个示例快速集成到你的业务系统

系统状态

认证状态 未认证
Access Token
💻 SDK 调用代码
// 初始化 SDK
const helper = await LuckDesignClientHelper.create({
    ssoBaseUrl: 'https://localhost:7095',
    clientId: 'your-client-id',
    webUIBaseUrl: 'https://localhost:7196'
});

// 打开设计器
await helper.openDesigner();

📥 选择示例模板

💻 SDK 调用代码
// 加载完整模板
await helper.loadTemplate(luckTemplate);

🎨 变量设计

选择一个基础模板,或选择"空白模板"从头开始
勾选需要的变量,将自动添加到模板中
💡 使用说明:
• 仅选【变量】→ 基于空白模板创建(默认70x50mm)
• 仅选【基础模板】→ 直接加载该模板
• 同时选【基础模板】+【变量】→ 在模板上添加变量
• 都不选 → 打开空白设计器
💻 SDK 调用代码
// 基于变量创建/合并模板
await helper.loadDesign(luckTemplate, [
    { name: '名称', value: '示例名称' },
    { name: '批号', value: '示例批号' }
]);

📥 接收推送数据

当用户在设计器中点击"推送"按钮时,数据会自动显示在这里
📊 推送统计:
接收次数: 0 | 最后推送: 无
💻 SDK 调用代码
// 监听推送事件
helper = await LuckDesignClientHelper.create({
    // ...配置
    onPushReceived: (data) => {
        console.log('收到推送:', data);
        // 处理推送的数据
    }
});

📝 实时日志