在今年三月份末，Teams的官方文檔推出了一個新功能：將網頁（一個URL）分享到Teams裏。
也就是說開發人員現在可以很方便的開發一個頁面，頁面裏有一個Teams的圖標，當訪問此頁面的最終用戶點擊這個圖標後可以將指定的一個URL分享到用戶的Teams裏。用戶在分享時可以指定分享到Teams的哪個Channel中，在分享前還可以編輯分享的文字。開發人員來可以指定頁面預覽的內容。是不是很贊？讓我們一起來試一下吧。
首先讓我們創建一個最簡單的html頁面：
<html>
<head>
<script async defer src="https://teams.microsoft.com/share/launcher.js"></script>
</head>
<body>
<div class="teams-share-button" data-href="https://www.azure.com"></div>
</body>
</html>
使用Edge或者Chrome瀏覽器打開這個html文件（注意：當前版本只支持edge和chrome）。
點擊這個Teams的圖標，會彈出一個新窗口，在這個窗口中，用戶就可以選擇要分享到的team或者channel了，也可以對要分享的文字在進行修改。另外還有一個網頁的預覽。
注意一點：當前版本不支持免費(Freemium)和guest賬號，也就是說你需要是一個office365賬號，並且你只能分享到你所在的office365 tenant中。如果你是一個Freemium賬號，你會看到如下的界面。
爲了適應不同的頁面需求，可以通過data-icon-px-size來指定Teams圖標的大小。比如：
<div
class="teams-share-button" data-href="https://https://www.azure.com"
data-icon-px-size="64">
</div>
還可以使用data-preview來禁止預覽頁面。
<div
class="teams-share-button" data-href="https://https://www.azure.com"
data-preview="false">
</div>
另外，我們還可以指定預覽的文字和圖片
<head>
<meta name="title" content="頁面標題">
<meta name="description" content="頁面簡短說明">
<meta name="og:image" content="預覽圖的URL">
</head>
趕快行動起來吧，讓你的頁面被海量的Teams用戶分享吧！