智能小程序开发项目步骤流程

快速开始

• 在开发小程序之前，请确保电脑上已经安装node运行环境。可前往Node.js官网(opens in a new tab)下载安装。
• 智能小程序环境搭建和面板小程序一致，请参考面板小程序搭建环境指南。

开发小程序的流程：

1. 使用涂鸦开发者 IoT 账号登录?Tuya MiniApp 开发者平台，创建一个小程序。
2. 使用?Tuya MiniApp Tools?选择对应的小程序，初始化项目，进行开发调试。
3. 上传代码。
4. 将小程序设为体验版，测试小程序版本。
5. 审核上线。

一、注册入驻

注册涂鸦开发者账号。

二、创建小程序

您需要拥有涂鸦开发者 IoT 账户，然后以开发者身份入驻 Tuya MiniApp 开发者平台，才能创建小程序。

1. 登录?Tuya MiniApp 开发者平台，可以看到小程序列表页面。

2. 在 列表页面，单击?创建?按钮。

3. 填写小程序名称、头像、类型等相关信息，然后单击?确定。

三、安装 Tuya MiniApp Tools

Tuya MiniApp Tools 可以帮助您创建、开发、调试、上传小程序项目。

请下载并安装?Tuya MiniApp Tools?的最新版本。

开发调试

一、新建项目 & 关联小程序

1. 启动 Tuya MiniApp Tools ，登录开发者 IoT 账号，新建小程序。
2. 根据提示设置?项目路径、项目名称、关联智能小程序，单击?确认，进入主界面。
3. 关联智能小程序, 是指您需要先拥有?Tuya MiniApp 开发者平台?中对应智能小程序的开发者权限。然后, 在 Tuya MiniApp Tools 中新建或导入小程序时，关联?Tuya MiniApp 开发者平台?中对应的智能小程序，才能进行开发、调试、上传代码。

二、编写代码

Tuya MiniApp Tools 会自动在项目路径下为您初始化项目模板，您可以使用代码编辑器打开该项目，进行编写。

• 了解小程序的目录结构与不同类型文件的作用：框架。

• 了解小程序的基础组件：组件。

1. 媒体组件
2. 导航、地图、画布组件
3. 表单组件
4. 基础内容组件
5. 视图容器组件

三、预览调试

在开发过程中，小程序的运行效果会在主界面左侧的模拟器中显示。

由于模拟器尚未支持全部 API，因此，您还需要使用?真机调试?来预览与调试小程序的实际运行情况。

四、上传代码

在完成开发之后，点击 Tuya MiniApp Tools 中的?上传?按钮，本地代码将会上传至云端。

Tuya MiniApp 开发者平台?中就会对应显示上传的版本。

五、小程序设为体验版测试

将上传的版本?设为体验版?后，单击?体验二维码，可以配置二维码信息，可以使用投放的 App 扫描进入，方便体验该小程序。

体验版小程序的使用者的账号信息需要添加到?白名单。

六、小程序审核上线

1. 登录?Tuya MiniApp 开发者平台，单击所需要上传的小程序名称，跳转至?版本管理?页。
2. 在?开发版本?页签 下，找到对应版本，单击?提交审核。
3. 提交审核后，在?审核版本?页签中，您可看到提交版本的审核状态。
4. 审核通过后，在?线上版本?页签中，您可看到待上线的版本。您可以单击?启用服务?按钮，使该版本小程序上线，或者单击?停用服务?按钮，使上线的小程序下线。

版本阶段	说明	可操作的按钮
开发版本	每次上传的代码都对应独立的开发版本。	提交审核、删除
体验版本	【可选】在正式上线之前，可以设置体验版本，让权限成员优先测试体验。	设为体验版
审核版本	开发版本的提审阶段。如果某版本审核不通过，需要根据驳回原因，将版本退回修改。	不同的审核状态对应不同的操作按钮： - 审核中：取消审核 - 审核通过：申请上线 - 不通过：取消审核
线上版本	面向全部用户的正式版本。	启用服务、停用服务

七、结束

• 恭喜你 🎉 完成了本教程的学习！立即开发小程序。
• 有任何问题可以联系 Tuya MiniApp Team。