Erweiterung des NeoSpace-3D-Konfigurators

Für INNEO Solutions habe ich einen bestehenden 3D-Konfigurator in NeoSpace um die Onshape-API erweitert. Dazu gehörten die Verarbeitung zurückgegebener 3D-Modelle und Produktinformationen sowie das Hinzufügen von Artikeln zum Warenkorb unter Übernahme der zugehörigen Onshape-Daten.

Projektüberblick

Die NeoSpace-Plattform von INNEO Solutions dient der Aufbereitung, Visualisierung und Veröffentlichung interaktiver 3D- und CAD-Modelle für das Web. Mein Auftrag bestand darin, den bereits vorhandenen Konfigurator um die Onshape-Anbindung und Funktionen zur Verarbeitung der API-Ergebnisse zu erweitern.

Herausforderung

Die von der Onshape-API zurückgegebenen 3D-Modelle und Informationen mussten aufbereitet und in den bestehenden Konfigurator- und Warenkorbabläufen nutzbar gemacht werden. Dabei waren die vorhandene Softwarearchitektur und die ausschließlich serverseitige Verarbeitung sensibler Informationen wie API-Schlüssel zu berücksichtigen.

Mein Beitrag

Ich habe den bestehenden Konfigurator mit React, TypeScript und der Onshape-API erweitert und dafür Frontend und Backend angepasst. Dazu gehörten die API-Anbindung, die Verarbeitung der zurückgegebenen 3D-Modelle und Informationen sowie die Erweiterung der Warenkorbfunktion, damit beim Hinzufügen von Artikeln die zugehörigen Onshape-Daten übernommen werden. API-Schlüssel werden ausschließlich serverseitig verarbeitet.

Ergebnis

Der bestehende Konfigurator kann nun 3D-Modelle und Informationen aus Onshape verarbeiten und in seinen Abläufen nutzen. Beim Hinzufügen von Artikeln zum Warenkorb werden die relevanten Onshape-Daten mit übernommen.

    Justin T. Radler | Frontend-Entwickler