上篇文章我們講了如何在app的manifest里設置設備的權限，這篇文章我們來實際操作開發一個可以掃描二維碼的teams app。

首先，我們先到app studio里，創建一個teams app，然后創建tab，重要的一點是，我們確保manifest.json里含有這么一段：

{"$schema": "https://developer.microsoft.com/json-schemas/teams/v1.10/MicrosoftTeams.schema.json","manifestVersion": "1.10",..."devicePermissions": ["media",],...
}

或者我們在app studio里確保這個被勾選。

這里就是說明這個app需要設備的媒體權限，也就是需要使用攝像頭的權限。

然后，按照標準的步驟來開發tab的配置頁面，這里我就不再展開了，可以查看我以前寫的文章：開發Teams Tabs應用程序。

在我們需要調用二維碼掃描的地方，我們使用如下的TypeScript代碼：

const config: microsoftTeams.media.BarCodeConfig = { timeOutIntervalInSec: 30 };
microsoftTeams.media.scanBarCode((error: microsoftTeams.SdkError, decodedText: string) =>
{if (error) {const extraErrorMessage = error.message ?? '';let errorMessage;switch (error.errorCode) {case 100: // NOT_SUPPORTED_ON_PLATFORMerrorMessage = '當前平臺不支持此API';break;case 500: // INTERNAL_ERRORerrorMessage = '內部錯誤';break;case 1000: // PERMISSION_DENIEDerrorMessage = '權限被用戶拒絕';break;case 3000: // NO_HW_SUPPORTerrorMessage = '底層硬件不支持此能力';break;case 4000: // INVALID_ARGUMENTSerrorMessage = '參數錯誤';break;case 8000: // USER_ABORTerrorMessage = '用戶取消操作';break;case 8001: // OPERATION_TIMED_OUTerrorMessage = '操作超時';break;case 9000: // OLD_PLATFORMerrorMessage = '平臺太老，不支持此API';break;default:errorMessage = '未知錯誤';break;}output('發生錯誤:' + errorMessage + ' ' + extraErrorMessage);}else if (decodedText) {// 成功，decodedText里是掃碼識別出的內容output(decodedText);}
}, config);

上面的代碼是typescript，如果大家使用的是javascript，基本類似，這里就不在具體列出。

如果一切都順利的話，當我們第一次開始掃碼的時候，會彈出一個確認權限的界面，如下：

圖片來源

如果同意之后，我們就可以開始掃碼了。

下篇文章我們再來看看如何獲取用戶的地理位置。敬請期待 :)