Blazor 애플리케이션에 셀프 서비스 BI 포함

풍부한 데이터로 사용자는 의사 결정 프로세스를 안내하기 위해 데이터 우선 접근 방식으로 전환했습니다..

그 이유는 쉽게 알 수 있습니다.

완전한 대화형 시각 자료와 보고서를 사용하여 강력한 BI를 Blazor 애플리케이션에 통합하면 모든 최종 사용자에게 데이터 분석을 제공할 수 있습니다. 컨텍스트 내에서 액세스할 수 있는 데이터로 사용자는 필요할 때 관련 인사이트를 빠르게 추출할 수 있으며, 애플리케이션을 전환하거나 데이터를 섞는 데서 발생하는 중단과 혼란을 없앨 수 있습니다.

솔루션으로서 Reveal은 이를 달성하는 데 도움이 될 수 있습니다. 임베디드 분석 솔루션

Reveal을 사용하면 대화형 대시보드 및 보고서를 귀사의 시스템에 쉽고 빠르게 통합할 수 있습니다. Blazor 애플리케이션 셀프 서비스 기능 분석 기능 예: 컨텍스트 내 편집, 데이터 혼합, 대시보드 연결, 계산된 필드 등

이 문서에서는 Reveal을 사용하여 Blazor 앱에 임베디드 분석을 성공적으로 통합하는 방법을 살펴보겠습니다.

Reveal을 처음 사용하시는 경우, 당사 웹사이트를 둘러보거나 당사의 제품 소개 비디오를 시청하여 제품에 대해 자세히 알아보실 수 있습니다. Reveal 제품 소개 비디오.

Blazor 앱에 분석을 포함해야 하는 이유는 무엇입니까?

Blazor 앱에 분석을 임베드하면 자연스러운 워크플로 내에서 주요 비즈니스 데이터를 볼 수 있습니다. 이를 통해 일반적으로 놓치게 되는 데이터의 추세와 패턴을 쉽게 파악할 수 있습니다. 실시간 인사이트에 액세스하면 귀하(및 모든 사용자)가 더 나은 정보에 입각한 의사 결정을 내릴 수 있습니다.s 이는 귀사의 비즈니스 성공을 이끄는 데 도움이 될 수 있습니다.

데이터 분석은 또한 기업이 워크플로를 간소화하고, 리소스를 관리하며, 프로세스 및 성능을 최적화하여 최대의 수익성을 달성하는 데 도움이 됩니다. 올바른 데이터를 통해 귀사는 수익을 늘리기 위한 새로운 제품/서비스 기회를 식별할 수도 있습니다.

Get Your FREE PDF Copy

Fill out the form to get access.

죄송합니다. 양식에 문제가 발생한 것 같습니다. 다시 시도해 주십시오. in a few minutes. If you still experience issues, please contact us at support@revealbi.io to notify us of the issue.

필수

Unfortunately, Google has considered you a bot. Please feel free to contact support@revealbi.io to obtain the asset you were looking for or choose to schedule a demo of our products. Please accept the form terms to submit successfully. This email address doesn’t appear valid. Please update and try again. Please use a business email address.

Country

회사 이메일

이름

성

I understand and agree to the terms of Infragisitcs’ 이용 약관 및 개인 정보 보호 정책

이 사이트는 reCAPTCHA로 보호되며 Google 개인 정보 보호 정책 및 이용 약관이 적용됩니다.

Download PDF

Your PDF is downloading!

Enjoy reading and learning.

PDF: 저희의 무료 "엔드 투 엔드 임베디드 BI 배포 가이드"를 다운로드하여 성공적인 구현에 필요한 전략적 계획, 선택, 개발 및 지속적인 개선 단계를 자세히 알아보십시오. PDF를 다운로드하십시오!

Reveal BI를 사용하여 Blazor 앱에 셀프 서비스 분석 포함

다음 7단계에서는 Blazor 애플리케이션에서 풍부한 데이터 시각화 및 대시보드를 활성화하는 것이 얼마나 쉬운지 보여줍니다. 클라이언트 및 서버 구성이 모두 필요합니다. 시작하려면 SDK를 다운로드하십시오. SDK 다운로드

다운로드가 완료되면 7단계로 Blazor 앱에 임베디드된 셀프 서비스 BI를 생성하고 활성화해 보겠습니다!

1단계: Blazor Server 앱 생성

Blazor Server 앱이므로 Visual Studio를 열고 기본 설정을 사용하여 새 Blazor Server 앱을 만듭니다. 완료되면 애플리케이션이 생성됩니다. 프로젝트를 마우스 오른쪽 버튼으로 클릭하고 NuGet 패키지 관리, 그리고 nuget.org에서 Reveal.Sdk.AspNetCore NuGet 패키지를 검색하여 프로젝트에 설치합니다. Reveal.Sdk.AspNetCore NuGet 패키지 2단계: 폴더 설정 / 대시보드 추가

Reveal SDK 클라이언트를 테스트하기 위해 구성이 올바른지 확인하기 위해 사용할 수 있는 샘플 대시보드를 제공합니다. Reveal은 알려진 폴더 구조를 사용하여 대시보드를 자동으로 로드하고 저장합니다. 프로젝트 루트에 'Dashboards'라는 폴더를 사용하면 추가 로드/저장 코드를 작성할 필요가 없습니다.

Dashboards라는 폴더를 만듭니다.

1. Dashboards Dashboards

2. 다음 ZIP 파일에서 샘플 대시보드(Marketing, Sales, Campaigns, Manufacturing)를 압축 해제하여 새로 생성된 대시보드 폴더에 복사합니다. https://users.infragistics.com/Reveal/sample-dashboards.zip

3단계: Program.cs 업데이트

In Program.cs:

1. 코드 창의 맨 위에 다음을 추가합니다.

using Reveal.Sdk;

2. 다음 코드를 사용하여 앱이 Reveal SDK를 사용하도록 설정하고 builder.build 문 전에 배치합니다. builder.build builder.Services.AddControllers().AddReveal();

4단계: 클라이언트 SDK 종속성 추가

Reveal 클라이언트 JavaScript 종속성을 활성화하려면 Pages/_layout.cshtml 파일을 업데이트해야 합니다. 닫는 태그 앞에 다음 코드를 추가합니다.

Pages\_layout.cshtml <script src="https://dl.revealbi.io/reveal/libs/1.5.0/infragistics.reveal.js"></script> <script type="module"> import "./js/revealview.js";

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>

<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>

</script> 
 
5단계: Reveal 클라이언트 구성 JavaScript 추가 
    Reveal SDK 클라이언트는 RevealView를 통해 구성됩니다. RevealView를 로드하려면 클라이언트에 JavaScript 함수를 추가해야 합니다. 또한 대시보드가 렌더링될 때 활성화해야 하는 모든 속성을 구성하는 곳입니다. 
js

\wwwroot\

폴더

1. 어떤 기능이 효과가 있는지 보여주고 채택을 유도합니다. 폴더에 다음 코드가 있는 revealview.js라는 JavaScript 파일을 추가합니다. revealview.js window.loadRevealView = function (viewId, dashboardName) { $.ig.RevealSdkSettings.setBaseUrl('https://samples.revealbi.io/upmedia-backend/reveal-api/');

2. 라이브 데모에서 보여주는 내용 폴더에 다음 코드가 있는 revealview.js라는 JavaScript 파일을 추가합니다. $.ig.RVDashboard.loadDashboard(dashboardName, (dashboard) => { var revealView = new $.ig.RevealView("#" + viewId); revealView.dashboard = dashboard;

6단계: 대시보드 로드

이 Blazor 애플리케이션에서 대시보드를 revealView라는 이름으로 로드합니다. 애플리케이션의 폴더에서 샘플 대시보드를 로드하려면 다음 단계를 따르십시오.

Pages\Index.Razor

다음 using 문을 추가합니다.

@inject IJSRuntime JSRuntime

});

}

로드할 대시보드를 선택하는 데 사용할 드롭다운에 대한 코드를 추가합니다.

<select @onchange="selectedDashboardChanged">

revealView div를 추가합니다.

처음 로드할 때 Campaigns 대시보드를 로드하는 코드를 추가합니다. 
    @code { 
    protected override async Task OnAfterRenderAsync(bool firstRender) 
    if (firstRender) 
    await JSRuntime.InvokeVoidAsync("loadRevealView", "revealView", "Campaigns"); 
    Select의 변경 사항을 감지하여 올바른 대시보드를 로드합니다. 
async void selectedDashboardChanged(ChangeEventArgs e) 

<div id="revealView" style="width:100%; height:750px"></div> 

@code { 
    protected override async Task OnAfterRenderAsync(bool firstRender) 
    { 
        if (firstRender) 
        { 
            await JSRuntime.InvokeVoidAsync("loadRevealView", "revealView", "Campaigns"); 
        } 
    }
} 

async void selectedDashboardChanged(ChangeEventArgs e) 
    { 
        JSRuntime.InvokeVoidAsync("loadRevealView", "revealView", e.Value!.ToString())를 기다립니다. 
    } 
}