Microsoft Graph Toolkit更新了！

上週六的Microsoft 365開發者訓練營上，我稍微提到了Graph Toolkit這套組件，可以大大方便前端的開發。正好看到官博發了更新消息，順便推廣一下。

新增組件：mgt-get
mgt-get組件可以讓我們在HTML中直接向Microsoft Graph API發起GET請求。
通過提供HTML的模板就可以展示數據。利用該組件可以在無JavaScript代碼的情況下快速構建原型。示例代碼如下，關於該組件的更多信息，戳這裏。

<script src="https://unpkg.com/@microsoft/mgt/dist/bundle/mgt-loader.js"></script>
<mgt-mock-provider></mgt-mock-provider>

<mgt-get resource="/me/messages" version="beta" scopes="mail.read" max-pages="2">
  <template>
    <div class="email" data-for="email in value">
      <h4>
        <mgt-person person-query="{{email.sender.emailAddress.address}}" show-name person-card="hover"></mgt-person>
      </h4>
      <h3>{{ email.subject }}</h3>
      <div data-if="email.bodyPreview" class="preview" innerHtml>{{email.bodyPreview}}</div>
      <div data-else class="preview">
        email body is empty
      </div>
    </div>
  </template>
  <template data-type="loading">
    loading
  </template>
  <template data-type="error">
    {{ this }}
  </template>
</mgt-get>

效果圖

新的Provider：代理Provider
如果想要讓Microsoft Graph Toolkit在服務端認證下工作，我們可以使用代理Provider。也就是說，Graph Toolkit不只能夠在客戶端工作了，也可以通過後臺服務去調用。
關於此Provider的更多信息，戳這裏。
使用示例可以戳這個Git地址。

改進和Bug修復
改進包括在日程中加入人員信息卡片的支持、聯繫人、任務組件、支持在任務組件中以特定組篩選計劃，並可以通過人員選擇器對任務進行指派。

如何開始
一如既往，我們可以通過訪問Graph Toolkit的開始鏈接瞭解如何通過幾行代碼去調用組件，你可以在任何平臺使用它們，包括SharePoint web部件、Microsoft Teams標籤或Web應用。