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.
By using this website, you agree to the use of cookies for analytics and personalized content. Cookies store useful information on your computer to help us improve efficiency and usability. For more information, please read the privacy policy and cookie policy.