Teams Toolkit 之 Incoming Webhook

上一篇文章介绍了如何使用 teams toolkit 来快速创建一个最最简单的 teams app：incoming webhook。这篇文章我们就来深入看一下 incoming webhook的代码，我自己的学习方法就是花时间把一个新东西理解透彻后，再学另一个，因为一旦深入理解一个东西后，会发现很多知识是相通的。

我们先来看一下teams toolkit 生成的文件。

• .fx 文件夹，这里面放置的是一些 teams toolkit 会用到的配置文件，如果如何配置 azure 等等，我们以后会详细的讲这块
• .vscode 文件夹，这里面是vscode用到的一些配置文件，对于我们这个简单的teams app来说，它很标准化，如果是一个复杂的 teams app，比如 bot，这里面还是挺有学问的，我们讲到 bot app后再做展开
• images。这里面的图片主要是给 README 使用的，可以忽略，我们也可以删掉它
• incoming-webhook 文件夹，这里面是我们真正的代码，下面前三个文件比较重要，我们后面展开讲
  • adaptiveCards 里面是 adaptive card 的模板文件
  • index.ts 我们程序的入口
  • webhookTarget.ts 辅助类似的代码，用来给 Teams 发送请求
  • tsconfig.json 因为sample使用typescript开发的，所以这个文件里是typescript的一些设置，比如使用ES的标准之类的东西。
  • package.json 标准的 node应用的项目文件，可以看到里面已经为我们定义好了几个命令，我们可以用来编译，运行，调试

    {
    "scripts": {
        "dev": "nodemon -e ts --exec node --inspect=9239 --signal SIGINT -r ts-node/register ./src/index.ts",
        "build": "tsc --build",
        "start": "node ./lib/src/index.js",
        "watch": "nodemon --watch ./src -e ts --exec \&