본문으로 건너뛰기
학습 센터로 돌아가기인터랙티브 튜토리얼

인터랙티브 튜토리얼 — 템플릿

TuyaOpen 인터랙티브 튜토리얼을 만드는 방법을 보여 주는 복사 가능한 예제입니다.

입문템플릿

소개

인터랙티브 튜토리얼은 TutorialShell 안에서 렌더링되는 일반 React 페이지입니다.

셸의 보조 클래스를 사용하면 모든 튜토리얼의 디자인을 일관되게 유지할 수 있습니다.

단계

공통 코드 블록으로 명령을 표시하고 튜토리얼을 등록하세요.

  1. 复制本文件并重命名为你的教程别名。
  2. 用你的文案更新双语 `content` 对象。
  3. 添加对应的 <section id> 区块与目录项。
  4. 在 src/data/tutorials.js 中注册该教程。

用共享代码块展示命令:

cp interactive-template.jsx my-tutorial.jsx
# then edit content{} and register it in src/data/tutorials.js

라이브 위젯

보드를 선택하면 플래시 명령이 즉시 업데이트됩니다.

플래시 명령tyutool write -d t5ai -f app_QIO.bin

다음 단계

튜토리얼을 게시하기 전에 렌더링과 카테고리를 확인하세요.

  • 确认在英文与简体中文下都能正常渲染。
  • 确认卡片在 /tutorials 的正确分类下出现。
  • 发布前请先请人评审。

문서 둘러보기