【簡介】

微軟官方前不久發(fā)布了 try.dot.net 這個(gè)有趣的網(wǎng)址，開始只是圖個(gè)新鮮看了一下，后面通過自身實(shí)踐過后，發(fā)現(xiàn)這著實(shí)算是個(gè)“有趣”的站點(diǎn)！

接下來我們通過一個(gè)自身的使用經(jīng)歷介紹一下如何使用這個(gè)有趣的工具。

【實(shí)現(xiàn)過程】

　　1.登陸 try.dot.net 的官方介紹網(wǎng)站，了解如何使用 try.dot.net

我們通過微軟提供的github項(xiàng)目地址和微軟發(fā)布說明可以輕松的了解到try.dot.net的使用說明。這里提供鏈接：

GitHub地址：https://github.com/dotnet/try

官方介紹地址：https://dotnet.microsoft.com/platform/try-dotnet

從介紹網(wǎng)址看到經(jīng)典用法：

通過iframe嵌套到自己的網(wǎng)址展示代碼片段，遺憾的是，目前本人還卡在iframe跨域拒絕的階段 /手動(dòng)哭（搞了一晚上還是沒搞明白怎么解決iframe跨域這個(gè)網(wǎng)址，有大神了解可以留言并給個(gè)demo瞅瞅）

通過上面的iframe地址可以看到try.dot.net 展示代碼片段的時(shí)候是通過gist這個(gè)代碼片段id進(jìn)行鏈路的。

　　2.gist的使用

gist是github的一個(gè)附加功能，支持將多個(gè)代碼片段存放在站點(diǎn)上，站點(diǎn)會(huì)針對(duì)代碼片段自動(dòng)生成一個(gè)id，在別的地方就可以使用id引用了。

首先需要登錄gist的站點(diǎn)：https://gist.github.com

可能有人可以訪問github，卻訪問不了這個(gè)網(wǎng)站（比如我），這里有個(gè)解決方案：

配置hosts（不會(huì)自行百度吧）：192.30.253.118 gist.github.com

然后就可以登陸到這個(gè)站點(diǎn)了。

界面非常簡潔，直接輸入文件名和相關(guān)代碼點(diǎn)右下角的保存即可。AddFile可以添加另一段代碼。

隨便寫了個(gè)實(shí)體類放在這里：

保存后，點(diǎn)擊剛才的類文件，便可以看到瀏覽器的url變成了這樣的：

https://gist.github.com/sevenTiny/98b8b484dd9d0fbf8bd1bac0425db914

已經(jīng)生成了代碼片段的id。

接下來我們就要復(fù)制這個(gè)id去用try.dot.net調(diào)試我們的代碼片段了。

　　3.try.dot.net的集成

在上文中復(fù)制id，然后將try.dot.net demo中的fromGist進(jìn)行替換即可得到自己的代碼片段地址

https://try.dot.net/?fromGist=98b8b484dd9d0fbf8bd1bac0425db914

我們可以訪問一下

代碼運(yùn)行正常，結(jié)果也正確！

那么問題來了，有人說我的也是這么操作的，為啥訪問地址后，代碼沒出現(xiàn)呢？代碼區(qū)域是空白的...

我開始也遇到了這個(gè)情況，對(duì)照了和微軟官方的代碼段后，發(fā)現(xiàn)只有缺少M(fèi)ain方法這個(gè)區(qū)別，無奈又加了個(gè)帶Main方法的程序片段，然后問題解決了，代碼成功出現(xiàn)！

猜測(cè)微軟這個(gè)try.dot.net是模仿了個(gè)控制臺(tái)應(yīng)用程序，必須要有控制臺(tái)應(yīng)用程序的Main方法才能運(yùn)行。

必須提供帶Main方法的代碼片段

運(yùn)行后的try.dot.net界面只能顯示該代碼片段，其他代碼片段不會(huì)顯示，但是可以引用使用。

【拓展】

 　　通過上述操作，我們已經(jīng)了解到了如何將自己的代碼片段使用 try.dot.net 展示并運(yùn)行，那么我們可以小小激發(fā)我們一下好奇心，了解一下微軟怎么在前端界面做的代碼提示呢？

我們打開瀏覽器F12查看請(qǐng)求信息，然后輸入一段代碼

可以清晰地看出，每次輸入字符，站點(diǎn)都會(huì)請(qǐng)求分析當(dāng)前的代碼，然后返回可能提示出的代碼片段，彈出代碼提示框。

原理還是比較直觀的。