本文介绍如何使用net6和C#开发Teams Meeting App，并通过修改代码实现task弹出框功能。利用Teams JS SDK的showTaskModule方法创建弹出框，展示TaskDialog页面，用户交互后通过callback传递数据回主页面。通过实例展示了任务弹出框的基本用法，为开发者提供灵感。
前几篇文章我们介绍了 Teams Meeting App 的各种类型和如何从无到有的使用 net6 和 c# 来开发一个 Teams Meeting app，那今天我们开始讨论一些 meeting app 的高级互动： task 弹出框。我们先来快速修改一下之前的代码，看看什么是 task 弹出框。
打开 MainPage.cshtml 文件，加入如下代码：
<body style="background: white">
...
<button onclick="add()">Add</button>
<script>
microsoftTeams.initialize();
const add = (status) => {
let taskInfo = {
title: "Add an item",
height: 250,
width: 250,
url: `https://96ae-49-189-236-3.ngrok.io/TaskDialog`,
};
microsoftTeams.tasks.startTask(taskInfo, (err, result) => {
});
};
</script>
</body>
要注意的是，上面url的domain是ngrok生成的域名，所以大家自己的代码肯定和这个不太一样。我们在页面上增加了一个按钮，当用户点击按钮后，我们调用了 teams js sdk的 tasks.star
最低0.47元/天 解锁文章
扫一扫
283
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
