授予选项卡设备权限

需要设备权限（例如位置、相机或麦克风访问权限）的 Microsoft Teams 应用现在要求用户在 Web 浏览器中手动授予权限。以前，浏览器处理了如何授予访问权限，但现在这些权限在 Teams 中处理。

本分步指南可帮助你在 Teams 中授予选项卡设备权限。可以看到以下输出：

屏幕截图显示“授予”选项卡设备权限的最终输出。

先决条件

确保安装以下工具并设置开发环境：

	安装	用于使用...
	Microsoft Teams	Microsoft Teams 可在一个位置通过聊天、会议和通话应用与你合作的每个人进行协作。
	Microsoft 365 开发人员帐户	具有安装应用的相应权限的 Teams 帐户的访问权限。
	Visual Studio 2022	可以在 Visual Studio 2022 中安装企业版，并安装 ASP.NET 和 Web 开发工作负载。使用最新版本。
	Node.js 和 npm	后端 JavaScript 运行时环境。有关详细信息，请参阅项目类型的Node.js 版本兼容性表。
	ngrok	teams 应用功能 (对话机器人、消息扩展和传入 Webhook) 需要入站连接。隧道将开发系统连接到 Teams。对于仅包含选项卡的应用，这不是必需的。此包使用 npm `devDependencies`) 安装在项目目录 (中。

注意

下载 ngrok 后，注册并安装 authtoken。

使用 ngrok 或命令提示符创建到本地运行的 Web 服务器的公开可用 HTTPS 终结点的隧道。在 ngrok 中运行以下命令：

ngrok http --host-header=localhost 3000

提示

如果遇到 ERR_NGROK_4018，请按照命令提示符中显示的步骤注册并验证 ngrok。然后运行命令 ngrok http --host-header=localhost 3000 。

ngrok 隧道

转到克隆存储库中的 manifest.json 文件。
在 Visual Studio 中打开 manifest.json 文件，然后进行以下更改：
- 将替换为 <<BASE_URI_DOMAIN>> 、privacyUrl、 termsOfUseUrl和 contentUrl中的 websiteUrlngrok URL。
- 将替换为 <<BASE_URI_DOMAIN>> 除中的 validDomainsngrok URLhttps://。

在克隆的存储库中，转到示例>tab-device-permissions>nodejs>appPackage。
使用 appPackage 文件夹中存在的以下文件创建 .zip 文件：
- manifest.json
- outline.png
- color.png
在 Teams 客户端中，选择“ 应用” 图标。
选择“管理应用”。
选择 “上传应用”。
查找“ 上传自定义应用”选项。如果看到选项，则表示已启用自定义应用上传。

注意

如果找不到上传自定义应用的选项，请与 Teams 管理员联系。
选择“ 打开 ”以上传在 appPackage 文件夹中创建的 .zip 文件。
选择“添加”。
选择 “设备权限”选项卡 以查看以下输出：