Nutze die DEV-Extensions-Seite im mStudio, um Frontend-Fragmente lokal zu testen, ohne die Fragment-URLs im Marketplace-Eintrag deiner Extension zu ändern.
Frontend-Fragmente lokal testen
- Stelle dein Frontend unter der gewünschten Adresse bereit, zum Beispiel
http://localhost:4711. - Öffne im mStudio Profil > Entwicklung > DEV-Extensions (
/profile/extension-development). - Aktiviere die lokale Überschreibung und gib die vollständige URL des zu ladenden Frontends an, zum Beispiel
http://localhost:4711/my-fragment?projectId=:projectId.
Die Überschreibung ersetzt die konfigurierte Fragment-URL aller installierten Extensions. Du kannst eine beliebige URL verwenden, einschließlich eines anderen Hosts oder Ports, eines Pfads und von Query-Parametern. Templating-Platzhalter wie :projectId können im Pfad oder in Query-Parametern verwendet werden.
Die Fragmente werden an ihren konfigurierten Anchors im mStudio angezeigt. Du musst die Seite nicht neu laden und der Marketplace-Eintrag der Extension bleibt unverändert.
Den localStorage-Override verwenden
Der localStorage-Override ist auch als Alternative zur DEV-Extensions-Einstellung verfügbar. Öffne die Entwicklerkonsole des Browsers, während mStudio geöffnet ist, und führe Folgendes aus:
localStorage["mstudio/fragment-dev-url"] =
"http://localhost:3000/?contextId=:contextId";
Passe URL, Port, Pfad oder Query-Parameter an dein lokales Frontend an.
Wann du eine Staging-Extension verwenden solltest
Verwende eine versteckte Staging-Kopie, wenn du ein separates Extension-Setup für Tests oder Demos benötigst. Extensions unterstützen keine mehreren Umgebungen. Erstelle daher eine zweite Extension und konfiguriere sie als verborgen. Du kannst sie trotzdem einem Kontext hinzufügen, um sie zu testen oder zu demonstrieren. Weitere Informationen findest du unter Staging.