
Scriptly ayuda a las farmacias a identificar tendencias en tiempo real con Reveal
Con Reveal, la inserción de análisis en la aplicación Angular mediante .NET Core ofrece información en tiempo real directamente dentro de los flujos de trabajo de la aplicación, lo que elimina la necesidad de herramientas externas o cambios de contexto. Esta guía lo simplifica, eliminando la complejidad para mostrarle cómo entregar análisis que sean naturales, rápidos y fluidos.
La analítica integrada ya no es una característica opcional, es una necesidad para las aplicaciones modernas. En 2025, los usuarios exigen un acceso sin interrupciones a información en tiempo real directamente dentro de las herramientas que utilizan a diario. Al integrar análisis integrados en aplicaciones Angular con un back-end de .NET Core, las empresas pueden mejorar sus productos con capacidades de toma de decisiones basadas en datos que impulsan la participación y el retorno de la inversión.
Esta guía proporciona un tutorial completo sobre la incorporación de análisis en sus productos de software mediante Reveal Análisis integrado. Tanto si es un desarrollador que integra análisis como si es un gestor de productos que planifica mejoras en las funciones, esta guía paso a paso proporciona la información que necesita.
La analítica integrada se refiere a la integración de herramientas de visualización de datos e inteligencia empresarial (BI) directamente en las aplicaciones de software. A diferencia de las soluciones de BI independientes, la analítica integrada permite a los usuarios acceder a información en contexto sin tener que cambiar de plataforma.
La combinación de las capacidades dinámicas de frontend de Angular con la sólida infraestructura de backend de .NET Core crea un potente marco cliente/servidor.
La adición de análisis integrados a esta combinación proporciona:
La integración de análisis integrados en las aplicaciones Angular con un back-end de .NET Core puede mejorar significativamente la experiencia del usuario al proporcionar información contextual en tiempo real.
En las instrucciones siguientes se describen los pasos para configurar el entorno de desarrollo e implementar sin problemas Reveal.
Antes de integrar el análisis integrado, asegúrese de que su entorno de desarrollo esté configurado correctamente.
ng new getting-started
cd getting-started code
<script src="https://dl.revealbi.io/reveal/libs/1.7.1/infragistics.reveal.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
día, js 1.8.15 o superior:
<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
Actualizar el index.html final
Tu archivo index.html ahora debería verse así:
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>GettingStarted</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> </head> <body> <app-root></app-root> <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 src="https://dl.revealbi.io/reveal/libs/1.7.1/infragistics.reveal.js"></script> </body> </html>
Actualizar el componente HTML
Abra el archivo src/app/app.component.html, elimine su contenido y agregue el siguiente <div> para crear un marcador de posición para la vista Reveal:
<div #revealView style="height: 100vh; width: 100%; position:relative;"></div>
Actualizar el componente HTML
Abra el archivo src/app/app.component.html para realizar las siguientes actualizaciones:
Declarar jQuery: En la parte superior del archivo, declare una variable para asegurarse de que TypeScript pueda compilar su JavaScript:
declare let $: any;
Agregue una propiedad ViewChild: Haga referencia a revealView definido en el archivo HTML:
@ViewChild('revealView') el!: ElementRef;
Implemente la interfaz AfterViewInit: Inicialice la vista Reveal en el método de ciclo de vida ngAfterViewInit:
ngAfterViewInit(): void { var revealView = new $.ig.RevealView(this.el.nativeElement); }
app.component.ts final: El componente completo de TypeScript debería tener el siguiente aspecto:
import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core'; declare let $: any; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent implements AfterViewInit { @ViewChild('revealView') el!: ElementRef; ngAfterViewInit(): void { var revealView = new $.ig.RevealView(this.el.nativeElement); } }
Establezca la URL base del SDK Reveal:
Si la aplicación cliente está hospedada en una dirección URL diferente a la del servidor, asegúrese de establecer la dirección URL base:
Iniciar la aplicación
En el terminal, ejecute el siguiente comando:
npm: npm start Yarn: yarn start Pnpm:pnpm start
Pruebe su aplicación
Una vez que se inicie la aplicación, ábrala en su navegador. La vista Reveal debe inicializarse correctamente.
¡Felicidades!
Ha creado correctamente su primer SDK Reveal aplicación Angular. Con esta configuración, está listo para aprovechar el poder de la analítica integrada para mejorar la experiencia de sus usuarios e impulsar información procesable.
Medidas de seguridad
Optimización del rendimiento
La integración de análisis integrados en aplicaciones Angular con un back-end de .NET Core cambia las reglas del juego para los productos de software modernos. Siguiendo esta guía, puede mejorar su aplicación con sólidas capacidades de análisis, lo que genera valor para los usuarios. Reveal Análisis integrado hace que este proceso sea fluido, ofreciendo potentes herramientas para incrustar visualizaciones de datos, garantizar la seguridad y optimizar el rendimiento.
¿Listo para llevar tu aplicación al siguiente nivel? Reserve una llamada en el sitio web de Reveal para ver cómo podemos resolver sus necesidades de análisis integrados.