低代码开发方式通过适用于 Visual Studio Code 的 Shelly 扩展实现,将 Shelly X 平台的功能直接集成到 Visual Studio Code 中。
这使您和您的开发人员能够在代码编辑器中访问设备配置工具、固件设置以及云端集成功能。
您可以:
Shelly 的 Visual Studio Code 扩展可实现设备逻辑的无缝配置、测试与部署,使您能够轻松构建并维护符合硬件需求的产品——无需切换工具即可完成整个流程。
第 1 步:
设置您的工作区
安装适用于 Visual Studio Code 的 Shelly 扩展,并使用您的 OEM 账号登录(如果您已有账号)。进入内置的平台功能,开始一个新项目。
安装并配置 Visual Studio Code。
从 Shelly X 官方网站下载 Visual Studio Code 的 Shelly 扩展。
您可以安装适用于 Visual Studio Code 的 Shelly 扩展,无需在平台中注册即可开始开发您的服务。
之后,您需要一个有效的 OEM 账号,才能应用配置令牌并访问产品管理和协作工具。
当您准备好定义产品、管理配置或将令牌应用到 Shelly 模块时,请登录平台。
在适用于 Visual Studio Code 的 Shelly 扩展程序中,您可以:
固件服务是一种模块化扩展,直接在设备上运行,提供遥测、连接和数据处理等核心功能,同时实现您的产品所需的特定功能。
如果您在使用 Shelly X 平台、Shelly 的 Visual Studio Code 扩展、选择兼容模块,或有任何其他问题时,需要帮助,请查阅相关文档或直接联系技术支持团队。
第 2 步:
定义您的产品
登录平台,创建一个新的产品条目,并指定名称、类型以及首选开发方式。
注意:开发方式在后续无法更改。
添加品牌细节,例如用于 Shelly 移动应用的产品图片、产品信息网址以及简短描述。
或
从您的固件服务开始,稍后再配置产品实体。
根据您的硬件设计和所需功能,选择一个兼容的 Shelly 模块。
在进行服务开发或令牌配置之前,必须选择一个模块。
第 3 步:
开发您的自定义固件服务
编写一个基于 JavaScript 的服务来定义您产品的行为。构建本地 UI 界面来控制产品。
适用于 Visual Studio Code 的 Shelly 扩展程序允许您以标准化格式声明和设置组件、参数和逻辑。请确保结构有效 - 此清单控制着您的设备如何运行以及如何与 UI 交互。
该服务与主固件并行执行,并使用预定义的 API 与设备硬件交互。您可以在此处定义设备行为、自动化逻辑以及输入/输出的自定义处理。
主入口是一个动态加载的 Svelte 文件,它定义了设备的本地 Web 界面的布局、用户交互和组件。此文件被注入到核心 Shelly UI 中,并作为用户与您的自定义服务交互的基础。
组件 - 表示一个功能的逻辑接口(例如,传感器、UART)。
它可以直接映射到物理硬件,也可以模拟行为以进行测试和抽象。
第 4 步:
应用、测试并准备生产
下载配置令牌或通过蓝牙直接将其应用于您的 Shelly X 模块。
为您的产品通电,验证其是否加载了正确的设置,并测试所有已配置的功能。
如果行为与您的预期不符,请进行调整,然后根据需要重新应用更新的配置。
在 Shelly X 门户中您产品的详细信息页面,使用专用对话框来应用配置令牌。此过程包括一个进度指示器和日志输出,用于故障排除和验证。
您还可以通过设备的本地 Web 界面应用配置令牌。
首先,从同一对话框中下载或复制令牌。
连接到 Shelly X 设备的 Wi-Fi 接入点。
在您的浏览器中打开 http://192.168.33.1。
转到设置 → Shelly X → 应用配置。
粘贴或上传令牌,然后点击保存。
将您的 Shelly X 模块连接到目标硬件。
验证关键行为,例如继电器操作、按钮响应和 LED 指示灯。
根据您的设置确认 Wi-Fi 连接、云访问或仅本地功能。
查看用户交互,并在必要时进行调整。
第 5 步:
制造、发布和分析结果
在 Shelly X 平台中提交生产订单、发布产品,并通过仪表板和可自定义报表跟踪结果。
填写所需模块数量,并选择首选的运输方式。模块将按照您的配置发货,随时可集成到您的产品中。
通过 Shelly X 平台仪表板查看详细的设备激活报告,并可自定义报表以满足您的需求。
监控固件版本、分析各地区的使用模式,并跟踪连接数据,以优化产品性能。
在推出当前产品之后,开始规划您的下一个创新。与我们合作开发新想法、改进功能,并更快、更高效地将下一代智能设备推向市场。
恭喜!现在您的产品