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

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

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

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

這里就是說明這個app需要設(shè)備的媒體權(quán)限，也就是需要使用攝像頭的權(quán)限。

然后，按照標(biāo)準(zhǔn)的步驟來開發(fā)tab的配置頁面，這里我就不再展開了，可以查看我以前寫的文章：開發(fā)Teams Tabs應(yīng)用程序。

在我們需要調(diào)用二維碼掃描的地方，我們使用如下的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 = '當(dāng)前平臺不支持此API';break;case 500: // INTERNAL_ERRORerrorMessage = '內(nèi)部錯誤';break;case 1000: // PERMISSION_DENIEDerrorMessage = '權(quán)限被用戶拒絕';break;case 3000: // NO_HW_SUPPORTerrorMessage = '底層硬件不支持此能力';break;case 4000: // INVALID_ARGUMENTSerrorMessage = '參數(shù)錯誤';break;case 8000: // USER_ABORTerrorMessage = '用戶取消操作';break;case 8001: // OPERATION_TIMED_OUTerrorMessage = '操作超時';break;case 9000: // OLD_PLATFORMerrorMessage = '平臺太老，不支持此API';break;default:errorMessage = '未知錯誤';break;}output('發(fā)生錯誤:' + errorMessage + ' ' + extraErrorMessage);}else if (decodedText) {// 成功，decodedText里是掃碼識別出的內(nèi)容output(decodedText);} }, config);

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

如果一切都順利的話，當(dāng)我們第一次開始掃碼的時候，會彈出一個確認(rèn)權(quán)限的界面，如下：

圖片來源

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

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

總結(jié)

以上是生活随笔為你收集整理的Teams App 扫描二维码的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。