Skip to main content

Open-Source-Abhängigkeiten mit der Snyk Visual Studio Code-Erweiterung absichern

Artikel von
blog feature oss vscode

23. November 2021

0 Min. Lesezeit

Wir freuen uns, neue Funktionen für die Snyk Vulnerability Scanner-Erweiterung für Visual Studio Code anzukündigen. Damit können Entwickler Sicherheitslücken und Lizenzprobleme in ihren Open-Source-Abhängigkeiten leichter finden und beheben!

Damit Entwickler mehr Verantwortung für die Sicherheit ihrer Anwendungen übernehmen können, müssen sich Sicherheitstools nahtlos in bestehende Workflows und die Tools integrieren lassen, die Entwickler täglich nutzen. 71 % der Entwickler nutzen Visual Studio Code – eines dieser Tools.

Eine Erweiterung zum Auffinden von Sicherheitslücken in den Open-Source-Abhängigkeiten eines Projekts und eine weitere zum Erkennen von Sicherheits- und Qualitätsproblemen im Code der Entwickler zu verwenden, führt zu Kontextwechseln und kostet Zeit. Durch die Kombination von Software Composition Analysis (SCA) und Static Application Security Testing (SAST) bietet die Snyk Vulnerability Scanner-Erweiterung für Visual Studio Code Entwicklern einen einheitlichen Überblick über alle verschiedenen Sicherheits- und Qualitätsprobleme in ihrem Code. So können sie die Sicherheit frühzeitig während der Entwicklung in ihrer gesamten Codebasis berücksichtigen.

Die neue Erweiterung basiert auf der Snyk CLI und unterstützt alle von Snyk Open Source unterstützten Programmiersprachen, darunter JavaScript, Java, .NET, Python, Go, Ruby, PHP, Swift und Objective-C.

Snyk-Sicherheitsprüfung in VS Code mit einem Verzeichnis-Traversal-Problem im JavaScript-Paket adm-zip und den Details zur Behebung

Wie legen Sie also los? Ganz einfach. Sie können die Erweiterung in Visual Studio Code mit zwei schnellen und einfachen Schritten einrichten: installieren und verbinden!

In diesem Blog gehen wir auf all das ein. Wenn Sie noch mehr erfahren möchten, empfehlen wir Ihnen, am 29. November um 14:00 Uhr UTC die Livestreams zu Building Secure Apps in VS Code auf YouTube oder Twitch anzusehen.

Installieren Sie die Snyk-Erweiterung in Visual Studio Code

Öffnen Sie zunächst Einstellungen, Erweiterungen (in Ihrer IDE), suchen Sie im Visual Studio Code Marketplace nach Snyk und klicken Sie auf Installieren, um die Erweiterung herunterzuladen und zu installieren. Das dauert nur wenige Sekunden. Anschließend wird die Erweiterung Ihrer Seitenleiste hinzugefügt.

Visual Studio Code-Ansicht „Erweiterungen“ mit der installierten Erweiterung Snyk Vulnerability Scanner und ihrer Detailseite

Verbinden Sie Visual Studio Code mit Snyk

Als Nächstes müssen Sie die Erweiterung mit Ihrem Snyk-Konto verbinden. Falls Sie noch keines haben, erstellen Sie ein kostenloses Snyk-Konto .

Klicken Sie dazu in der Seitenleiste auf das Snyk-Symbol und anschließend in der Ansicht der Erweiterung auf die Schaltfläche Connect VS Code with Snyk.

Daraufhin wird automatisch ein Browserfenster geöffnet, in dem Sie zur Authentifizierung aufgefordert werden.

Snyk-Authentifizierungsseite für die CLI mit einer Schaltfläche „Authenticate“ und der Anweisung, den Befehl snyk auth auszuführen.

Klicken Sie auf Authenticate, um den Vorgang abzuschließen. Sobald die Verbindung hergestellt wurde, startet die Erweiterung automatisch Ihren ersten Snyk-Scan in Visual Studio Code:

Visual Studio Code zeigt einen Snyk-Schwachstellenscan mit 86 Problemen und eine detaillierte Warnung vor Code-Injection in dustjs-linkedin.

Der gesamte Vorgang sollte vom Anfang bis zum Ende nicht länger als eine Minute dauern.

Probleme in Open-Source-Abhängigkeiten beheben

Die neue Erweiterung listet alle verschiedenen von Snyk erkannten Problemtypen auf, unterteilt in drei Kategorien:

  • Open-Source-Sicherheit Neu! – Bekannte Sicherheitslücken in direkten und indirekten (transitiven) Open-Source-Abhängigkeiten, die Sie in Ihr Projekt einbinden

  • Code-Sicherheit – Sicherheitslücken in Ihrem eigenen Code

  • Codequalität – Qualitätsprobleme in Ihrem eigenen Code

Über … in der oberen rechten Ecke der Erweiterungsansicht können Sie sich auf eine einzelne Problemkategorie beschränken. 

Wir konzentrieren uns auf die neue Kategorie, die von der Erweiterung unterstützt wird: Open-Source-Sicherheit. Sie zeigt Sicherheitslücken in Open-Source-Abhängigkeiten an. Für jede erkannte Sicherheitslücke zeigt die Erweiterung zahlreiche Informationen an, mit deren Hilfe Sie sie schnell beheben können.

Wählen Sie eine der Sicherheitslücken aus, um diese Informationen aufzurufen.

Snyk-Details zu einer Prototype-Pollution-Schwachstelle in dustjs-linkedin mit betroffenen und behobenen Versionen sowie Informationen zu Behebung und Ausnutzung.

Oben in der geöffneten Ansicht der Sicherheitslücke sehen Sie allgemeine Sicherheitsmetadaten zur Schwachstelle (1), darunter ihre CWE, ihren CVSS-Score und ihre Snyk-ID.

Die Erweiterung erklärt außerdem, wie die Sicherheitslücke eingeführt wurde, und zeigt einen Weg zur Behebung auf, indem sie eine Version der Abhängigkeit empfiehlt, auf die Sie aktualisieren sollten (2).

Die Erweiterung zeigt auch an, ob es einen öffentlich bekannten Exploit für die Sicherheitslücke gibt und ob dieser ausgereift ist (3). Im obigen Beispiel gibt es einen Proof-of-Concept-Exploit für das Problem Prototype Pollution in der Abhängigkeit dustjs-linkedin. Sicherheitslücken mit Exploits bergen ein größeres Risiko, da sie sich leichter für Angriffe einsetzen lassen.

Unterhalb dieser Informationen zeigt die Erweiterung detaillierter, wie eine Abhängigkeit in das Projekt gelangt ist und wie das Problem behoben werden kann (4).

Zu guter Letzt enthält die Erweiterung eine ausführliche Beschreibung der Sicherheitslücke selbst (5), einschließlich der Angriffsarten und ihrer Abwehr.

Jetzt müssen Sie nur noch die Version der Abhängigkeit in der Manifestdatei aktualisieren. Bei der hier verwendeten JavaScript-Anwendung ist das die Datei package.json.

Sichern Sie Ihren gesamten Code – von Anfang an

Wie bereits erwähnt, bietet Ihnen die Snyk-Erweiterung für Visual Studio Code einen ganzheitlichen Überblick über alle Probleme in Ihrer Anwendung und deckt auch Sicherheits- und Qualitätsprobleme in Ihrem eigenen Code auf. Die Erweiterung hebt bestimmte Datenflüsse hervor und verweist auf die relevanten Dateien und Codezeilen, die zum Problem führen. Neben der Anzeige von Codefehlern liefert das Plugin auch Beispiele dafür, wie andere das Problem behoben haben. So können Sie schneller handeln. Weitere Informationen zur Verwendung der Erweiterung finden Sie in unserer Dokumentation.

Wenn Sie Code direkt in einer IDE testen, werden Probleme frühzeitig in der Entwicklung erkannt – noch bevor Sie Code in ein Quellcodeverwaltungssystem übertragen. Statt später im Softwareentwicklungsprozess eine kritische Sicherheitslücke zu entdecken und den Code immer wieder überarbeiten zu müssen, ist es deutlich effizienter und produktiver, den Code gleich beim Hinzufügen zu testen.

Schnelle Entwicklung ist eine geschäftliche Anforderung. Ebenso wichtig ist es jedoch, weder Entwickler noch ihre Organisation einem Sicherheitsrisiko auszusetzen. Die neue Visual Studio Code-Erweiterung von Snyk hilft Entwicklern, beide Anforderungen zu erfüllen, ohne Abstriche bei einer von ihnen zu machen. Installieren Sie noch heute die Snyk Vulnerability Scanner-Erweiterung für Visual Studio Code.

Wenn Sie mehr über die Verwendung der Snyk Visual Studio Code-Erweiterung erfahren möchten, sehen Sie sich am 29. November um 14:00 Uhr UTC die Livestreams zu Building Secure Apps in VS Code auf YouTube oder Twitch an.

Starten Sie mit Capture-the-Flag

Erfahren Sie in unserem virtuellen On-Demand-Workshop für Einsteiger, wie Sie Capture-the-Flag-Challenges lösen.

Weiterlesen

blog feature snyk container custom base recommendations
Blog

Evo Agentic AppSec: Sicherheit, die mit der KI-Entwicklung Schritt hält

KI-gestützte Entwicklung überholt herkömmliche Security-Workflows. Snyk Agentic AppSec setzt Security-Agenten ein, die Schwachstellen kontinuierlich finden, beheben und überprüfen – während Menschen die Maßstäbe festlegen.

feature insights context
Blog

Autonome Angriffe sind bereits Realität. Die Verteidigung muss Schritt halten.

Autonome Angreifer verkürzen das Zeitfenster für die Verteidigung. Erfahren Sie, wie kontinuierliches Erkennen, Beheben, Validieren und Verhindern Sicherheitsteams helfen kann, Schritt zu halten.

illustration hero ai
Blog

Der KI-Hurrikan ist da

KI beschleunigt gleichermaßen die Softwareentwicklung und Cyberangriffe. Führungskräfte müssen Agents und Code von Anfang an absichern, zur Laufzeit Kontrollen durchsetzen und Abwehrmaßnahmen unabhängig validieren.