我正在参加「RTE 实时万象」征文活动

活动地址： https://www.agora.io/cn/community/blog/25197

灵动课堂是 Agora 提供的在线互动课堂解决方案，本文将介绍如何跑通灵动课堂的Demo项目。

开通灵动课堂服务

• 登录的声网控制台网站

• 在控制台主界面，创建一个项目，项目类型选对应的灵动课堂即可

• 然后进入项目页面，开通灵动课堂服务。开通完毕会有一个配置按钮的。

• 灵动课堂是一个比较庞大的功能，其中集成了互动白板、实时录制、实时消息等功能，所以可以按需配置。本文就以互动白板来玩一下这个灵动课堂。

准备开发环境

• 安装Git工具
• 安装Node.js, 根据文档推荐使用14或以上版本
• 运行以下命令获取代码

git clone https://github.com/AgoraIO-Community/flexible-classroom-desktop.git

• 运行以下命令进入 flexible-classroom-desktop 目录并切换分支至指定版本。将 {VERSION} 替换为要切换的版本号：

cd flexible-classroom-desktop

git checkout release/{VERSION}

文档建议开发者切换到最新发版分支，目前最新的是2.8.0

运行项目

• 运行以下命令安装项目依赖：

 yarn

• 运行以下命令安装依赖包：

 yarn bootstrap

• 在项目根目录创建一个.env文件，并填写 App ID 和 App Certificate

 REACT_APP_AGORA_APP_ID={your appid}
 REACT_APP_AGORA_APP_CERTIFICATE={your app certificate}

• 运行命令启动项目的web端：

yarn dev

• 访问 http://localhost:3000 即可看到Demo首页：

• 创建课堂后会进入房间页面

• 加入课堂

• 课堂共享