In diesem Artikel betrachten wir den Prozess vom schnellen Bereitstellen der Stimulsoft-Komponenten in den Anwendungen, die natives JavaScript verwenden. Wir setzen den Schwerpunkt auf Verbindung von Skript-Dateien durch CDN-Services. Es erlaubt einfach die erforderlichen Skripts, z.B., der HTML-Seite, zu verbinden, ohne die Skripts lokal zu laden.
Entscheidende Vorteile der Verwendung von CDN-Services
- Schnelles Laden. Die Dateien werden vom zum Benutzer nächsten Server geladen, was das Laden der Seiten beschleunigt;
- Sparen der Server-Ressourcen. Die Skripts werden gespeichert und von Dritt-Servern verbreitet, was die Belastung auf Benutzer-Server reduziert;
- Automatische Aktualisierung. Sie können immer die letzte Version der Bibliothek verbinden, um die manuelle Aktualisierung zu vermeiden;
- Caching. Die Browser und Netzwerke können die CDN-Dateien cachen, was die Zeit des Ladens für wiederholte Anfragen reduziert;
- Sicherheit. Die großen CDN bietet den Schutz vor Angriffen wie DDoS und verwenden die verschlüsselten Verbindungen (HTTPS).
In dieser Weise ist die Verwendung von CDN-Services begründet und effizient.
Die CDN-Services für Stimulsoft-Bereitstellen
Man kann den Zugang zu Skript-Dateien durch folgende Services erhalten:Projekt-Beispiel
Zuerst erstellen wir die HTML-Datei, die als Einspeisepunkt für die Anwendung verwendet wird. Standardmäßig, diese Datei ist index.html:index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
Mit der Verwendungen von CDN-Services kann man den Zugang zu den Skript-Dateien via URL aus npm-Paketen stimulsoft-reports-js und stimulsoft-dashboards-js erhalten. Zum Beispiel, mithilfe der cdn.jsdelivt.net-Dienstleistung: index.html
...
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/stimulsoft-reports-js/Scripts/stimulsoft.reports.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/stimulsoft-reports-js/Scripts/stimulsoft.designer.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/stimulsoft-reports-js/Scripts/stimulsoft.viewer.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/stimulsoft-reports-js/Scripts/stimulsoft.blockly.editor.js"></script>
...
In diesem Fall werden die letzten Versionen der Skript-Dateien geladen werden. Aber kann man immer die Skript-Dateien erforderlicher Version des Stimulsoft-Paketes laden. Dafür muss man ein spezielles Symbol @ in URL zum CDN mit der Angabe der Nummer der Paket-Version verwenden. Zum Beispiel: index.html
...
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/stimulsoft-reports-js@2025.1.4/Scripts/stimulsoft.reports.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/stimulsoft-reports-js@2025.1.4/Scripts/stimulsoft.designer.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/stimulsoft-reports-js@2025.1.4/Scripts/stimulsoft.viewer.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/stimulsoft-reports-js@2025.1.4/Scripts/stimulsoft.blockly.editor.js"></script>
...
Danach legen wir die Funktion des Berichtsviewer-Ausführens fest: index.html
...
<script type="text/javascript">
function onLoad() {
var report = new Stimulsoft.Report.StiReport();
report.loadFile('reports/Report.mrt');
var viewer = new Stimulsoft.Viewer.StiViewer();
viewer.renderHtml('content');
viewer.report = report;
}
</script>
...
<body onload="onLoad()">
<div id="content"></div>
</body>
...
Dann können wir das Projekt ausführen. Aber muss man nicht vergessen, dass der Browser keinen Zugang zum Datei-System wegen der Sicherheitsstrategien der Webbrowser hat. Man muss verschiedene Web-Server für korrektes Ausführens des Projektes verwenden. Zum Beispiel, kann man http-server oder serve installieren, dann den Web-Server aus der Kommandozeile im Stammordner des Projektes ausführen. In diesem Fall, wird index.html im Browser mit dem Stimulsoft-Viewer geöffnet.Die Verbindung von Dateien durch CDN ist eine bequeme und schnelle Weise der Integration von Stimulsoft-Tools in Web-Anwendungen. Die Verwendung von solchen Dienstleistungen wie cdn.jsdelivr.net und unpkg.com erlaubt die letzten und bestimmten Versionen der Skript-Dateien ohne lokale Speicherung zu laden. Es vereinfacht Entwickeln und Bereitstellen und reduziert die Server-Belastung ohne Sicherheitsniveau zu verringern.
Nach oben geschrieben Anleitungen kann man einfach die Systeme des Reporting und der Datenanalytik in die Anwendungen mit der Verwendung von CDN-Services integrieren.