如何动手调试Microsoft Teams的Task Module功能？

说在前边：了解Microsoft Teams产品的童鞋都知道，包括Tabs、Bots在内，Teams已经提供了很多强大的第三方集成功能。Tab可以很方便的集成已有的业务系统，丰富已有的业务流程。Bots又为用户提供了高度可扩展、深度定制开发的选项和能力。今天介绍的Task Module实际上已经出来蛮久了，类似Popup的效果，和已有的Tabs和Bots等一起使用，极大地丰富了现有功能，也为业务系统提供了更多的方案选择。

在开始之前，先上一张官方谍照：

样子是不是很熟悉，标准的Popup体验，当然这个实现可以有好几种方式，比如通过Teams的JS SDK唤起弹窗，也可以通过Card里的button唤起，在写这篇博文的时候，已经发现了可以通过Deep Link的方式唤起了（这种方式之前没有玩过）。

以上做个简单的介绍，闲言少叙，直入主题。以下是我做的一个真实场景，通过本地开发调试介绍，希望对各位童靴有点帮助。

一：准备本地开发环境。

• Visual Studio或者Visual Studio Code(如果是VS Code，则文中某些内容需要略微调整，此处不做赘述)，用于调试代码。
• Microsoft Teams的PC客户端或者使用Teams的Web版本（上传package，看效果）。
• ngrok（用于打通localhost和外网，在做其他有穿网需求的项目，也可以使用，挺好用）。
• git（用于从GitHub上拉代码）

二：拉代码 &