Node.js를 사용하여 React 앱에 셀프 서비스 BI를 임베딩

오늘날의 데이터 중심 세계에서 대시보드 및 분석 기능을 SaaS 애플리케이션 내에 직접 통합하는 것은 필수입니다. 분석을 임베딩하면 많은 이점이 있으며, 여기에는 더 빠른 시장 출시 시간, 생산성 및 성능 향상, 수익 증대가 포함됩니다.

React 애플리케이션에 분석을 통합하면 사용자의 워크플로 내에서 관련성 있고 시기적절한 인사이트를 제공하여 사용자가 더 나은 데이터 기반 의사 결정을 내릴 수 있도록 지원 를 촉진하고 보다 분석적인 사고를 장려합니다.

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

Reveal을 사용하면 React 애플리케이션에 대화형 대시보드 및 보고서를 쉽고 빠르게 임베딩할 수 있습니다. 분석 기능 와 같은 기능을 사용할 수 있습니다. 컨텍스트 내 편집, 데이터 혼합, 대시보드 연결, 계산된 필드 등이 있습니다.

이 문서에서는 Node.js를 사용하여 React 기반 앱에 Reveal을 구현하는 방법을 설명합니다.

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를 다운로드하십시오!

React 앱에 BI를 임베딩해야 하는 이유는 무엇입니까?

React 앱의 목적에 관계없이 임베디드 분석 기능을 사용하면 워크플로를 간소화하고, 리소스를 관리하고, 성능을 최적화할 수 있는 엄청난 기회를 얻을 수 있습니다. 그래프, 차트 및 대시보드와 같은 BI 도구는 조직 전체의 데이터 리터러시를 향상시키는 데 도움이 될 수 있습니다. 데이터를 읽고, 이해하고, 생성하고 데이터를 정보로 전달하는 능력인 데이터 리터러시는 사용자가 더 나은 결정을 내리는 데 도움이 됩니다. 데이터 기반 의사 결정은 추측이나 직관에 의존하기보다는 사실에 기반하기 때문에 매우 중요합니다. 분석에 액세스하면 모든 사람이 더 지능적인 결정을 자신 있게 그리고 중요한 순간에 내릴 수 있습니다. Reveal은 대화형 보고서, 대시보드 등을 React 앱에 쉽게 임베딩할 수 있도록 도와줍니다. 대시보드 연결, 통계 함수, 계산된 필드, 풍부한 데이터 분석, 셀프 서비스 와 같은 기능을 사용하면 Reveal은 모든 React 기반 애플리케이션에 큰 가치를 더할 수 있습니다. 또한 Reveal의 기본 SDK를 사용하면 BI를 React 앱에 쉽게 통합할 수 있으므로 애플리케이션에 분석을 임베딩하는 데 추가적인 요구 사항이 없습니다. Reveal의 유연한 아키텍처와 풍부한 API는 앱의 기능에 대한 제어 권한을 제공하여 사용자 경험의 원활한 부분이 되도록 합니다.

Node.js를 사용하여 Reveal React 앱에 분석을 임베딩

Reveal 임베디드 분석 그러므로 Reveal SDK를 사용하여 React 앱에 분석을 임베딩해 보겠습니다. 머신 러닝을 사용하여 사용자가 데이터를 준비하고이 자습서에서는 Node.js 서버를 사용합니다. *Node.js 서버가 이미 있습니다. 직접 만들려면 Node.js를 사용하여 Reveal SDK 서버를 설정하는 방법에 대한 단계별 자습서를 확인하십시오.1. index.html에 필요한 스크립트 참조를 추가합니다.

<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet" type="text/css">

<script src="https://cdn.quilljs.com/1.3.6/quill.min.js"></script> <script src="https://dl.revealbi.io/reveal/libs/1.3.1/infragistics.reveal.js"></script>.

2. app.tsx에

를 추가하여 RevealView를 렌더링하는 데 사용합니다. function App() {.

return (

<div id="revealView" style={{height: "100vh", width: "100%"}}></div>

<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> 
3. app.tsx에서 RevealView 개체를 초기화하고 대시보드를 로드합니다. 
useEffect(() => {

$.ig.RVDashboard.loadDashboard(dashboardId).then((dashboard: any) => {

}, [dashboardId]);

단 3단계만으로 Reveal에서 대시보드를 로드하는 기본 사항을 완료할 수 있습니다. 전체 자습서를 보려면 개발자 도구 부사장인 Jason Beres가 React 앱에서 대시보드를 로드하고 검색하는 단계를 단계별로 안내하는 비디오를 시청하십시오.

https://www.youtube.com/watch?v=o1XoppSfX8E&t=2s

);

}

및 JavaScript HTML 앱, 임베디드 BI 대시보드를 만드는 방법 등입니다. 구독하여 전문가의 향후 모든 비디오를 놓치지 마십시오.

Reveal React 앱에 분석을 임베딩하려고 하지만 문제가 발생하는 경우 제품 팀에 문의하십시오.

ERP가 가장 인기 있는 임베디드 분석 애플리케이션인 이유는 무엇입니까?

@inject IJSRuntime JSRuntime

});

엔터프라이즈 리소스 계획(ERP)이란 무엇이며 어떻게 작동합니까? 답변을 확인하고 임베디드 BI 소프트웨어로 ERP 사용자 경험이 어떻게 크게 향상되는지 확인하십시오.