VSCode的Teams插件

隨着今年在線的Build大會的結束,又是一大波的 Teams 新功能,新工具,新SDK。我接下來幾篇博客就會詳細和大家一一介紹。我今天先從VSCode的插件開始。

打開VS Code,搜索Teams,就可以找到Microsoft Teams Toolkit插件,在我寫這篇文章的時候,這個插件只是Preview版本,從版本號 0.9.4來看,最終版本應該很快就會來到。:)

 

安裝之後,在 VSCode 的左邊工具欄裏就會多一個Teams圖標,點擊後可以看到一個簡單的兩項菜單:”Open Microsoft Teams Toolkit” 和 “Create a new Teams app”。

 

讓我們先來創建一個Teams app看看,點擊 “Create a new Teams app”,輸入你想要的app名字,然後選擇一個目錄來生成代碼。然後就會到這個界面,讓你來選擇app的能力:Tab,Bot,Message Extension。我這裏都選上了這些選項。然後點擊 “Next”。

 

根據上一步選擇的不同選項,下面這個界面可能不同,這個界面是進一步選擇你的app的不同能力。對於Tab,可以選擇 “Personal tab” 或者 “Group or Teams channel tab”。如果之前選擇了 “Message Extension”,這裏就可以進一步選擇是 Action-based 或者 Search-based。對於Bot,你可以創建一個新的bot或者使用一個現有的bot。

 

我們點擊”Finish”後,插件就將代碼生成好了,如下圖,一共有兩個目錄,”.publish”,”service”和”tabs”

 

.publish 目錄裏是Teams App發佈是需要的文件,大家最熟悉的應該就是manifest.json。當前manifest版本已經到了1.6,贊!

service 目錄就是我們的bot app service,目前是nodejs,使用了botbuilder package。

tabs 目錄裏是react webapp,用來在tab裏展現的web頁面。

總體來說,整個插件非常棒!我覺得可以改進的一點是可以讓用戶選擇需要開發語言,比如可以選擇是nodejs express或者c# asp.net core,是react或者blazor。

另外,推薦大家有一個很有用的功能,點擊”Validate”,你可以看到manifest檢測的結果,這個可以幫助大家在提交teams app的時候大大增加通過的機率!

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章