Preflight instellen

Voer de volgende stappen uit om Preflight in de Universal Editor in te stellen:

1. Open Extension Manager bij:
   ​ https://experience.adobe.com/#/@org/aem/extension-manager/universal-editor

2. Bepaal de plaats van Preflight Uitbreiding van AEM Sites Optimizer en leg een verzoek voor om het toe te laten.

3. Het team van Adobe AEM overzichten en laat de uitbreiding voor uw organisatie toe.

4. Nadat de uitbreiding wordt toegelaten, open een pagina in Universele Redacteur, bijvoorbeeld:
   https://author-p12345-e123456.adobeaemcloud.com/ui#/@org/aem/universal-editor/canvas/author-p12345-e123456.adobeaemcloud.com/content/en/example/home.html

5. De Preflight Uitbreiding verschijnt in zijspoor.

6. Selecteer de Uitbreiding Preflight van de zijspoor om a Preflight Controle van de huidige pagina te beginnen.

Voer de volgende stappen uit om Preflight in te stellen voor ontwerpen op basis van document:

1. Voeg de volgende configuratie toe aan /tools/sidekick/config.json in de GitHub-opslagplaats van uw Edge Delivery Services-project:

   code language-json
   { "plugins": [ { "id": "preflight", "titleI18n": { "en": "Preflight" }, "environments": ["preview"], "event": "preflight" } ] }

2. Maak een nieuw bestand /tools/sidekick/aem-sites-optimizer-preflight.js en voeg de volgende inhoud toe:

   code language-javascript

   (function () { let isAEMSitesOptimizerPreflightAppLoaded = false; function loadAEMSitesOptimizerPreflightApp() { const script = document.createElement('script'); script.src = 'https://experience.adobe.com/solutions/OneAdobe-aem-sites-optimizer-preflight-mfe/static-assets/resources/sidekick/client.js?source=plugin'; script.onload = function () { isAEMSitesOptimizerPreflightAppLoaded = true; }; script.onerror = function () { console.error('Error loading AEMSitesOptimizerPreflightApp.'); }; document.head.appendChild(script); } function handlePluginButtonClick() { if (!isAEMSitesOptimizerPreflightAppLoaded) { loadAEMSitesOptimizerPreflightApp(); } } // Sidekick V1 extension support const sidekick = document.querySelector('helix-sidekick'); if (sidekick) { sidekick.addEventListener('custom:preflight', handlePluginButtonClick); } else { document.addEventListener('sidekick-ready', () => { document.querySelector('helix-sidekick') .addEventListener('custom:preflight', handlePluginButtonClick); }, { once: true }); } // Sidekick V2 extension support const sidekickV2 = document.querySelector('aem-sidekick'); if (sidekickV2) { sidekickV2.addEventListener('custom:preflight', handlePluginButtonClick); } else { document.addEventListener('sidekick-ready', () => { document.querySelector('aem-sidekick') .addEventListener('custom:preflight', handlePluginButtonClick); }, { once: true }); } }());

3. Werk de functie loadLazy() in /scripts/scripts.js bij om het Preflight-script te importeren voor voorbeeld-URL's:

   code language-javascript
   if (window.location.href.includes('.aem.page')) { import('../tools/sidekick/aem-sites-optimizer-preflight.js'); }

4. Open de voorproef URL (*.aem.page) van de pagina die u wilt controleren.

5. In Sidekick, klik Preflight knoop om de controle voor de huidige pagina te beginnen.

Als u Preflight wilt gebruiken in de AEM Sites Page Editor, kunt u een bladwijzer maken in uw webbrowser. Voer de volgende stappen uit:

1. Toon uw Bar van Referenties in uw browser van het Web:

   • Pers Ctrl+Shift+B (Vensters) of Cmd+Shift+B (Mac).

2. Maak een nieuwe bladwijzer in uw browser:

   • Klik met de rechtermuisknop op de bladwijzerbalk en selecteer Nieuwe pagina of Bladwijzer toevoegen .
   • Op het Adres (URL) gebied, kleef de volgende code:

   code language-javascript
   javascript:(function(){const script=document.createElement('script');script.src='https://experience.adobe.com/solutions/OneAdobe-aem-sites-optimizer-preflight-mfe/static-assets/resources/sidekick/client.js?source=bookmarklet&target-source=aem-cloud-service';document.head.appendChild(script);})();

3. Noem de referentie Preflight (of om het even welke naam u verkiest).

4. Open voorproef URL (*.aem.page) van de pagina die u in de Redacteur van de Pagina van AEM Sites wilt controleren.

5. Klik Preflight referentie in uw bar van Bladwijzers om de controle voor de huidige pagina te beginnen.

Als u Preflight in de AEM Sites Page Editor wilt gebruiken in een AMS-omgeving, maakt u een bladwijzer in uw webbrowser en volgt u de volgende stappen:

1. Toon uw Bar van Referenties in uw Webbrowser:

   • Pers Ctrl+Shift+B (Vensters) of Cmd+Shift+B (Mac).

2. Maak een nieuwe bladwijzer in uw browser:

   • Klik met de rechtermuisknop op de bladwijzerbalk en selecteer Nieuwe pagina of Bladwijzer toevoegen .
   • Op het Adres (URL) gebied, kleef de volgende code:

   code language-javascript
   javascript:(function(){const script=document.createElement('script');script.src='https://experience.adobe.com/solutions/OneAdobe-aem-sites-optimizer-preflight-mfe/static-assets/resources/sidekick/client.js?source=bookmarklet&target-source=ams';document.head.appendChild(script);})();

3. Noem de referentie Preflight (of om het even welke naam u verkiest).

4. Open de pagina u in de Redacteur van de Pagina van AEM Sites wilt controleren.

5. Klik Preflight referentie in uw bar van Bladwijzers om de controle voor de huidige pagina te beginnen.