在開發(fā)企業(yè)應(yīng)用中，報(bào)表功能是當(dāng)之無愧的重頭戲，如何將數(shù)據(jù)通過合適的報(bào)表呈現(xiàn)出來成為每個(gè)項(xiàng)目人員必需面臨的問題。而找到一款合適的報(bào)表往往都需要考率價(jià)格、開發(fā)、風(fēng)格、支撐等因素。那么，我在這里給大家介紹一款由微軟提供的可視化報(bào)表工具Power BI，并通過ASP.NET Core2程序調(diào)用云端的報(bào)表（國內(nèi)的Azure云），并用代碼方式將報(bào)表與項(xiàng)目程序集成起來，以供你有個(gè)更好的選擇。

?

Power BI

Power BI 是一套商業(yè)分析工具，用于在團(tuán)隊(duì)組織中提供數(shù)據(jù)報(bào)表呈現(xiàn)，并支持多種不同的數(shù)據(jù)源連接，可生成美觀的報(bào)表并進(jìn)行發(fā)布，供團(tuán)隊(duì)人員在 Web端與和移動(dòng)端上使用。微軟Power BI 工具同時(shí)提供一個(gè)PC桌面版的客戶端“Power BI Desktop”幫助用戶來設(shè)計(jì)報(bào)表，還提供了一套基于Azure云端的報(bào)表發(fā)布部署環(huán)境“Power BI Embedded”。而這里我們主要介紹借助“Power BI Embedded”完成報(bào)表集成。如下是跟Power BI相關(guān)的網(wǎng)址：

Power BI 中文官網(wǎng)：https://powerbi.microsoft.com/zh-cn/

Power BI Embedded 中文官網(wǎng)：https://powerbi.microsoft.com/zh-cn/developers/embedded-analytics/isv/

?

準(zhǔn)備

在著手開始實(shí)現(xiàn)之前咱們需準(zhǔn)備一些必要的環(huán)境，如下：

1、在Azure上創(chuàng)建一個(gè)名為“iot-pbi”的Power BI 工作區(qū)集合，并獲取其訪問Key，留待后面使用。

2、通過Power BI Desktop工具來設(shè)計(jì)一個(gè)報(bào)表名為“work1.pbix”，并保存到本地磁盤。

3、從Github上下載一個(gè)由微軟開源的管理Azure端Power BI工作區(qū)的命令行工具”ProvisionSample“的代碼，使用VS2017打開項(xiàng)目后并編譯它。代碼地址：https://github.com/Azure-Samples/power-bi-embedded-integrate-report-into-web-app。

4、成功編譯后在其bin目錄找到“ProvisionSample.exe.config”文件，將其打開，并按自身情況填寫，如下：

1 <appSettings file="Cloud.config"> 2 <!-- Azure訂閱id--> 3 <add key="subscriptionId" value="" /> 4 <!-- Azure資源分組名稱--> 5 <add key="resourceGroup" value="" /> 6 <!-- Powerbi工作區(qū)集合名稱 --> 7 <add key="workspaceCollectionName" value="" /> 8 <!-- Powerbi工作區(qū)集合名稱訪問key --> 9 <add key="accessKey" value="" /> 10 <!-- Powerbi工作區(qū)id--> 11 <add key="workspaceId" value="" /> 12 <!-- Azure登錄賬號(hào) --> 13 <add key="username" value="" /> 14 <!-- Azure登錄密碼 --> 15 <add key="password" value="" /> 16 </appSettings>

?

5、用VS2017開發(fā)工具創(chuàng)建一個(gè)ASP.NET Core2帶視圖的項(xiàng)目名“WebApplication1”。

?

實(shí)現(xiàn)

通過上述的準(zhǔn)備后，咱們就可以進(jìn)入具體的發(fā)布與集成工作了，如下：

1、因?yàn)锳zure的用戶臺(tái)上暫時(shí)沒法直接創(chuàng)建Power BI的工作區(qū)與報(bào)表，所以我們必需借助從Github下載編譯的工具“ProvisionSample”來完成Power BI的工作區(qū)與報(bào)表的管理工作。在bin目錄下找到“ProvisionSample.exe”文件啟動(dòng)它，截圖如下：

?

2、依次輸入命令“1”、“6”來創(chuàng)建一個(gè)新的工作區(qū)，并獲取該工作區(qū)的ID。

3、依次輸入命令“2”、“3”來將本地磁盤的文件“work1.pbix”導(dǎo)入到Azure端，并獲取該報(bào)表的ID。

4、通過上面幾步后我們已將本地的報(bào)表發(fā)布到Azure云端了，那么咱們下一步就來看看如何在ASP.NET Core2項(xiàng)目集成該云端的報(bào)表吧。首先，需在ASP.NET Core2項(xiàng)目中通過Nuget管理器引用第三方庫“PowerBI.NetStandard.Api”（Azure官網(wǎng)提供的類庫“Microsoft.PowerBI.Core”暫時(shí)不支持ASP.NET Core），該庫的作用是幫助我們可以很簡(jiǎn)便的獲取報(bào)表授權(quán)的Token，后端代碼如下：

1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Threading.Tasks; 5 using Microsoft.AspNetCore.Mvc; 6 7 namespace WebApplication1.Controllers 8 { 9 public class PowerbiController : Controller 10 { 11 //工作區(qū)集合名稱，按自身情況填寫 12 private string workspaceCollection = ""; 13 //工作區(qū)id，按自身情況填寫 14 private string workspaceId = ""; 15 //報(bào)表id，按自身情況填寫 16 private string reportId = ""; 17 //工作區(qū)集合訪問key，按自身情況填寫 18 private string token = ""; 19 20 public IActionResult Index() 21 { 22 //獲取報(bào)表訪問的授權(quán)token 23 var embedToken = PowerBIToken.CreateReportEmbedToken(workspaceCollection, workspaceId, reportId); 24 var ebToken = embedToken.Generate(token); 25 ViewBag.StrToken = ebToken; 26 return View(ViewBag); 27 } 28 } 29 }

?

5、后端代碼編寫完成后，在視圖層加入如下前端代碼：

1 <script src="https://microsoft.github.io/PowerBI-JavaScript/demo/node_modules/jquery/dist/jquery.js"></script> 2 <script src="https://microsoft.github.io/PowerBI-JavaScript/demo/node_modules/powerbi-client/dist/powerbi.js"></script> 3 4 <div id="reportContainer" style="width:100%;height:850px;"></div> 5 <script> 6 var token ='@ViewBag.StrToken'; 7 var embedConfiguration = { 8 type: 'report', 9 accessToken: token, 10 id: 'b5904f26-47cc-4455-9025-06258ea5d8f5', 11 embedUrl: 'https://embedded.powerbi.cn/appTokenReportEmbed' 12 }; 13 14 var reportContainer = $('#reportContainer'); 15 var report = powerbi.embed(reportContainer.get(0), embedConfiguration); 16 </script>

?

6、至此，基于ASP.NET Core2項(xiàng)目的前后端代碼就全部編寫完成，運(yùn)行項(xiàng)目后效果如下：

?

總結(jié)

1、Azure云的用戶臺(tái)暫時(shí)沒提供管理Power BI工作區(qū)、報(bào)表的功能，所以這里借助開源工具“ProvisionSample”來完成管理。

2、Power BI發(fā)布到網(wǎng)頁前端后是通過由后端生成的一個(gè)Token來完成身份認(rèn)證的，如果沒有該Token報(bào)表則無法正常打開呈現(xiàn)。

3、Azure官網(wǎng)提供的類庫“Microsoft.PowerBI.Core”暫時(shí)不支持ASP.NET Core，這里使用第三方庫“PowerBI.NetStandard.Api”來獲取報(bào)表的授權(quán)Token。

?

聲明

本文為作者原創(chuàng)，轉(zhuǎn)載請(qǐng)備注出處與保留原文地址，謝謝。如文章能給您帶來幫助，請(qǐng)點(diǎn)下推薦或關(guān)注，感謝您的支持！

?

轉(zhuǎn)載于:https://www.cnblogs.com/Andre/p/9857067.html

總結(jié)

以上是生活随笔為你收集整理的ASP.NET Core2调用Azure云上的PowerBI报表展示的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。