有些做Office 365開發的朋友看到Microsoft Graph Toolkit的介紹後產生了很大的興趣，也私信問我參照Microsoft Graph Toolkit的Doc上手文檔操作，爲什麼在登錄的時候不好用，會報錯。因此今天做一個極簡介紹，介紹如何最快速地自行實踐感受Microsoft Graph Toolkit的魅力。
爲了極簡，我們什麼框架都不用，只用JavaScript。
首先我找一個我喜歡的文件夾創建一個html文件，就叫graphtoolkitdemo.html，三行代碼如下：
<script src="https://unpkg.com/@microsoft/mgt/dist/bundle/mgt-loader.js"></script>
<mgt-msal-provider client-id="[CLIENT-ID]"></mgt-msal-provider>
<mgt-login></mgt-login>
根據上面鏈接中的Doc文檔我們可以知道，這三行代碼採用mgt-loader的方式直接加載toolkit控件庫，除了使用provider設置clientID之外，只寫了一個登錄控件。
認真看文檔的朋友會注意到mgt-loader方式介紹下面的Note部分。
什麼意思呢，使用toolkit控件需要承載於Web服務器的頁面，同時也提示我們了，如果只是想嚐嚐鮮玩一玩，可以使用VS Code的live server插件，是的就這麼幹。(實際在產品或項目中時，優先推薦放到Azure上)
用VS Code打開上面創建的文件夾，點擊"Go Live"，會將我們的頁面在瀏覽器打開，如下圖。
但是別忘了我們還有一件大事要辦，源碼中的[CLIENT-ID]還沒有填，我們要到Microsoft Identity上註冊一個應用供我們驅策。註冊方式以前提到過不再贅述，需要提示的一點是記得創建完之後點擊Add a Redirect URI，然後點擊Add a Platform，選擇Web，在Redirect URIs處填寫上Go Live的地址，本例中是http://localhost:5500，並勾選Implicit grant中的ID tokens。
將我們測試html頁面中的Client ID替換成創建的應用的，這樣整體上就OK了，一個能跑的小demo完成。點擊"Go Live"登錄後就可以看效果了。
後續可能視情況介紹Microsoft Graph Toolkit的一些其他內容和技巧。