有些做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的一些其他内容和技巧。