Självstudiekurs: Publicera ditt adaptiva formulär tutorial-publish-your-adaptive-form
Den här självstudiekursen är ett steg i Skapa ditt första adaptiva formulär serie. Vi rekommenderar att du följer serien i kronologisk ordning för att förstå, utföra och demonstrera det fullständiga självstudiekurserna.
När det adaptiva formuläret är klart kan du publicera det för att göra det tillgängligt för slutanvändarna. Slutanvändarna kan öppna det publicerade formuläret på vilken enhet och webbläsare som helst. När ett anpassat formulär publiceras kopieras formuläret och det tillhörande innehållet från en AEM författarinstans till en AEM publiceringsinstans. Formuläret görs tillgängligt för slutanvändaren via publiceringsinstansen.
Du kan publicera ett anpassat formulär på följande sätt:
Innan du börjar before-you-start
- Konfigurera en publiceringsinstans i AEM Forms: Publiceringsinstansen är en offentlig instans av AEM Forms som körs i publiceringsläge. I en produktionsmiljö ligger publiceringsinstansen utanför organisationens brandvägg.
- Konfigurera replikering och omvänd replikering: Replikering kopierar innehåll från författarinstansen till en publiceringsinstans och returnerar användarindata (till exempel formulärindata) från publiceringsinstansen till författarinstansen.
Publicera det adaptiva formuläret som en AEM sida publish-the-adaptive-form-as-an-aem-page
När det adaptiva formuläret publiceras som en AEM sida innehåller hela webbsidan bara det publicerade formuläret. Du kan använda URL:en för det adaptiva formuläret för att länka det från en annan webbsida. Publicera shipping-address-add-update-form adaptiv form som en AEM sida:
- Logga in på AEM Forms författarinstans och hitta formuläret shipping-address-add-update-form adaptive i AEM Forms Gränssnitt.
https://localhost:4502/aem/forms.html/content/dam/formsanddocuments - Välj adaptiv blankett för leverans-adress-add-update och välj Publish. En dialogruta med resurser som är kopplade till det adaptiva formuläret visas. Välj Publish. Det anpassningsbara formuläret publiceras och en dialogruta visas.
- Öppna formuläret i publiceringsinstansen. Formuläret kan fyllas i och skickas av användaren.
https://localhost:4503/content/forms/af/shipping-address-add-update-form.html
Bädda in det anpassningsbara formuläret på en AEM Sites-sida embed-the-adaptive-form-in-an-aem-sites-page
AEM Forms gör att formulärutvecklare kan bädda in anpassningsbara formulär i en AEM Sites sida. Det inbäddade adaptiva formuläret fungerar fullt ut och användarna kan fylla i och skicka formuläret utan att behöva lämna sidan. Det hjälper användaren att stanna kvar i sitt sammanhang för andra element på webbsidan och interagera samtidigt med formuläret.
AEM Forms tillhandahålla en komponent, AEM Forms Behållare, bädda in ett anpassat formulär i en AEM Sites sida. Komponenten visas som standard inte i AEM Sites behållare. Gör följande för att aktivera AEM Forms Containerkomponenten och bädda in det adaptiva formuläret i en AEM Sites Sida:
-
Skapa och öppna en sida på webbplatsen We.Retail för redigering. Till exempel: https://localhost:4502/editor.html/content/we-retail/us/en/user/shipping-and-billing-address.html. Det anpassningsbara formuläret är inbäddat i Sites sida.
Du kan även bädda in det adaptiva formuläret i en befintlig Web.Retail Site’s sida. Exempel: sidan ABOUT US https://localhost:4502/editor.html/content/we-retail/us/en/about-us.html. Du sparar tid när du skapar en sida. Stegen nedan använder den nya sidan.
Webbplatsen We.Retail levereras med AEM. Om du inte har installerat webbplatsen We.Retail kan du gå till Implementering av referens för Vi.butik installera platsen.
-
Välj
-
Markera inuti layout container och markera
-
Öppna webbläsarfliken som innehåller AEM Sites sida öppnad i steg 1. Välj Drag components here och markera +. I Insert New Component ruta, markera AEM Form. The AEM Forms Container läggs till på sidan.
-
Välj AEM Forms container -komponent och markera
-
Publicera både det adaptiva formuläret och Sites sida. Här är några saker att tänka på:
-
Om du publicerar AEM Sites -sidan för första gången och innehåller ett inbäddat formulär, publicera Sites sida och det inbäddade formuläret.
-
Om du bara ändrar det inbäddade formuläret på en publicerad webbplatssida publicerar du det ursprungliga formuläret och ändringarna återspeglas på den publicerade webbplatssidan. Den publicerade webbplatssidan innehåller en referens till formuläret och behöver inte publicera om sidan.
-
Om du ändrar Sites sida och det inbäddade formuläret, publicera om Sites sida och formulär.
Formuläret för ändring av leverans- och faktureringsadress har lagts till i en AEM Sites sida.
-
Bädda in det anpassningsbara formuläret på en extern webbsida embed-the-adaptive-form-in-an-external-webpage
Du kan bädda in ett adaptivt formulär på en extern webbsida (en icke-AEM webbsida som är värd utanför AEM) genom att infoga några rader med JavaScript på den externa webbsidan. JavaScript-koden skickar en HTTP-begäran till AEM Forms server för det adaptiva formuläret och relaterade resurser och lägger till det adaptiva formuläret på webbsidan. Detaljerade anvisningar finns i bädda in det adaptiva formuläret på en extern webbsida.