什么是Teams Tabs

Tabs是微软Teams的一种十分有用的扩展方式。可以非常方便的和现有的网站或者网页应用进行整合。具体的说明不在这里展开了。可以阅读微软官方的详细说明:

  • https://docs.microsoft.com/en-gb/microsoftteams/platform/concepts/tabs/tabs-overview

准备工作

因为开发一个Tabs涉及到的方面比较多,我在本地dotnet里添加一个Teams的模板,让开发更加简单

c:\demo> dotnet new -i MicrosoftTeams.Templates

另外,Tabs里内嵌的是一个网页应用,我们将使用目前流行的React框架,所以我们还需要nodeJS

NodeJS

步骤

  • 下载 ngrok
  • 运行ngrok.exe http 5000。因为我们项目启动会监听 5000 端口.
  • 拷贝 ngrok 的 url (注意是:https). 

  • 运行dotnet new teamstabs命令生成项目。

  • 打开 manifest.json 文件, 将相关 url 替换为上一步拷贝的 url。 

  • 将 manifest.json、icon-outline.png 和 icon-color.png 三个文件打包为 manifest.zip. 这个 zip 包就是我们要上传到 teams 的应用包。

  • 运行以下命令.

    1. dotnet build

    2. dotnet run

  • 打开 Microsoft Teams, 创建一个 Tab.

    1. 找到某个 team 并进入,导航到’Apps’标签页.
    2. 点击页面右下角的’Upload a custom app’(上传自定义应用)按钮.
    3. 选择并上传刚才的压缩包 manifest.zip. 
  • 点击刚才上传的”MSTeamsTab”应用并且为需要的Channel进行设置。 

现在,你就可以在你Team的Channel里看到这个Tab,点击此Tab后就能看到我们的页面了。

开发Teams Tabs应用程序相关推荐

  1. (后续更新)【微信小程序】毕业设计 租房小程序开发实战,零基础开发房屋租赁系统小程序

    文章目录 说在前面 小程序展示 一.各功能模块介绍 1.房产服务模块 2.个人中心模块 3.动态发布模块 4.订单管理模块 5.房屋评价模块 二.开发环境准备 1.注册微信小程序账号 2.下载微信开发 ...

  2. 都2020年,开发制作微信小程序商城,需要准备什么资料?应该不会不知道吧!

    微信小程序使用越来越广泛,而还未入局的对于微信小程序开发需要什么材料甚至不清楚,其实这些材料很简单.总结就是微信支付.微信小程序注册.小程序代码,下面展开说说. 小程序红利 从腾讯刚发布的财报看,微信 ...

  3. 基于.Net Core开发现代化Web应用程序系列课程和文章

    这个系列课程是Anduin2017在B站上传的: 基于.Net Core开发现代化Web应用程序系列课程第1课之:课程简介 基于.Net Core开发现代化Web应用程序系列课程第2课之:.Net平台 ...

  4. php要用到哪些软件吗,php开发需要用什么程序

    php开发可以用wordpress程序,具体操作步骤如下: WordPress是使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站. 也可以把 WordP ...

  5. 用群体测试开发成功的应用程序

    为什么80%的码农都做不了架构师?>>>    ‍ Jan Wolter是testhub公司的CEO和共同创始人.他负责财务,战略和业务发展.2011年他从伦敦政治经济学院以优异的成 ...

  6. vue.js反编译_基于electron-vue开发的微信小程序反编译客户端

    开源一个小程序反编译客户端 咨询小程序反编译的同学比较多,虽然有开源库但是还是有同学不清楚如何去操作,所以索性做了一个客户端方便进行小程序的反编译 # 技术选型 网上已经有大佬实现了C#版的反编译工具 ...

  7. Xamarin.Forms教程开发Xamarin.Forms应用程序需要的工具

    开发Xamarin.Forms应用程序需要的工具 Xamarin.Forms教程开发Xamarin.Forms应用程序需要的工具,2014年5月8日在发布的Xamrin 3中引进了Xamarin.Fo ...

  8. 【实验手册】使用Visual Studio Code 开发.NET Core应用程序

    .NET Core with Visual Studio Code 目录 概述... 2 先决条件... 2 练习1: 安装和配置.NET Core以及Visual Studio Code 扩展... ...

  9. Delphi开发单机瘦数据库程序要点

    Delphi开发单机瘦数据库程序要点 日期:2004年12月30日 作者:loveghb 人气: 2736 查看:[大字体 中字体 小字体] 一.概述 Delphi作为Windows下的一种快速开发工 ...

最新文章

  1. 你还在用GDB调试程序吗?
  2. JDK7,JDK8 - 下载地址
  3. python3精要(59)-转换
  4. 编程式事务和声明式事物
  5. CXF学习(2) helloworld
  6. 解决js array的key不为数字时获取长度的问题
  7. 手游修改 wpe封包 fiddler抓包 逆向破解 gg修改 哪种最厉害?
  8. 清华姚班毕业生开发新特效编程语言,99行代码实现《冰雪奇缘》,网友:大神碉堡!创世的快乐
  9. 基于协同过滤算法和内容推荐算法实现电影推荐系统
  10. 用java求可达矩阵_ISM算法(邻接矩阵求可达矩阵)Java实现
  11. 2.4 PRINCE2
  12. 将网页转换成pdf文档的方法
  13. linux计划任务踩坑
  14. 计算机与汉字+输入速度+云输入法,学拼音打字练习
  15. Publish Over SSH 本地安装
  16. python用stomp扩展连接activemq(千千万万要注意,默认端口是61613,不是62613)
  17. Dbeaver报错:The server time zone value ‘etd‘ is unrecognized
  18. 云计算的优势和未来发展
  19. Python:实现carrier concentration载流子浓度算法(附完整源码)
  20. 个人学习笔记——庄懂的技术美术入门课(美术向)19

热门文章

  1. SpringBoot:搭建第一个Web程序
  2. 程序员最常见的谎话,太准了
  3. linux查看 idt日志,实现RCP的日志管理
  4. python中带*(单星号)的变量和**(双星号)的变量
  5. ar软件测试工具_如何为用户测试制作快速的AR原型
  6. 网站快速成型_我的老板对快速成型有什么期望?
  7. nodejs安装express框架
  8. xs128 双定时器PIT0和PIT1
  9. 文字输入限制_从拼音输入法的兴起看汉字文化圈的衰落
  10. 用U盘或移动硬盘安装Windows7 (超简单制作Win7安装U盘方法)