Lägg till Forms Portal på en AEM Sites-sida

Senaste uppdatering: 2023-12-05

Adobe rekommenderar att man använder modern och utbyggbar datainhämtning Kärnkomponenter for skapa ny Adaptive Forms eller lägga till adaptiv Forms på AEM Sites-sidor. De här komponenterna utgör ett betydande framsteg när det gäller att skapa adaptiva Forms-filer, vilket ger imponerande användarupplevelser. I den här artikeln beskrivs det äldre sättet att skapa Adaptiv Forms med baskomponenter.

Version Artikellänk
AEM 6.5 Klicka här
AEM as a Cloud Service Den här artikeln

I ett typiskt formulärcentrerat portalscenario är formulärutveckling och portalutveckling två osammanhängande aktiviteter. När formulärdesigners designar och lagrar formulär i en databas skapar webbutvecklare ett webbprogram som listar formulär och hanterar inskickandet av formulär. Forms kopieras till webbnivån eftersom det inte finns någon kommunikation mellan formulärdatabasen och webbprogrammet.

Sådana scenarier leder ofta till hanteringsproblem och produktionsförseningar. Om det till exempel finns en nyare version av ett formulär i databasen måste du ersätta formuläret på webbnivån, ändra webbprogrammet och distribuera om formuläret på den offentliga webbplatsen. Om du omdistribuerar webbprogrammet kan det orsaka serverdriftavbrott. Vanligtvis är serverns driftstopp en planerad aktivitet och därför kan ändringarna inte skickas direkt till den offentliga platsen.

AEM Forms tillhandahåller portalkomponenter som minskar administrationskostnaderna och förseningarna i produktionen. Komponenterna gör det möjligt för webbutvecklare att skapa och anpassa en Forms Portal på webbplatser som skapats med Adobe Experience Manager (AEM).

Med Form Portal-komponenterna kan du lägga till följande funktioner:

  • Visa formulär i anpassade layouter. Layouter för listvyn och kortvyn medföljer. Du kan skapa egna layouter.
  • Gör att du kan visa anpassade metadata och anpassade åtgärder när du listar dem.
  • Visa en lista över formulär som publicerats av AEM Forms-gränssnittet på den publiceringsinstans där Forms Portal-komponenter används.
  • Tillåt slutanvändare att återge formulär i HTML och PDF.
  • Möjliggör sökning av formulär baserat på titel och beskrivning.
  • Använd anpassad CSS för att anpassa utseendet på portalen.
  • Skapa länkar till formulär.
  • Visar utkast och inskickat material som rör Adaptiv Forms som har skapats av användaren.

Komponenter på en Forms Portal-sida

AEM Forms tillhandahåller följande portalkomponenter direkt:

  • Sök och lista: Med den här komponenten kan du lista formulär från formulärdatabasen på din portalsida och du kan ange konfigurationsalternativ för att lista formulär baserat på angivna villkor.

  • Utkast och inskickningar: Medan komponenten Sök och lista visar formulär som har publicerats av Forms-författare, visar komponenten Utkast och inskickningar formulär som har sparats som utkast för att fylla i senare och skickade formulär. Den här komponenten ger en personaliserad upplevelse till alla inloggade användare.

  • Länk: Med den här komponenten kan du skapa en länk till ett formulär var som helst på sidan.

Du kan importera färdiga Forms Portal-komponenter från AEM Project Archetype. Utför följande konfigurationer efter importen:

Importera Forms Portal-komponenter

Så här importerar du färdiga Forms Portal-komponenter på AEM Forms as a Cloud Service:

  1. Git-databasen för Cloud Manager på din lokala utvecklingsinstans: Din Cloud Manager Git-databas innehåller ett AEM. Den baseras på AEM. Klona din Cloud Manager Git-databas med Git-kontohantering för självbetjäning från användargränssnittet i Cloud Manager för att få projektet i din lokala utvecklingsmiljö. Mer information om hur du använder databasen finns i Åtkomst till databaser.

  2. Skapa Experience Manager Forms som [Cloud Service] projekt: Skapa Experience Manager Forms som [Cloud Service] projekt baserat på AEM 27 eller senare. Med denna typ kan utvecklarna enkelt börja utveckla för AEM Forms as a Cloud Service. Den innehåller även några exempelteman och mallar som hjälper dig att snabbt komma igång.

    Skapa Experience Manager Forms as a Cloud Service projekt, öppna kommandotolken och kör kommandot nedan. Inkludera Forms specifika konfigurationer, teman och mallar, ange includeForms=y.

    mvn -B archetype:generate -DarchetypeGroupId=com.adobe.aem -DarchetypeArtifactId=aem-project-archetype -DarchetypeVersion=30 -DaemVersion="cloud" -DappTitle="My Site" -DappId="mysite" -DgroupId="com.mysite" -DincludeForms="y"

    Ändra också appTitle, appIdoch groupId, i ovanstående kommando för att återspegla din miljö.

    När projektet är klart uppdaterar du <core.forms.components.version>x.y.z</core.forms.components.version> på den översta nivån pom.xml av Arketype-projektet för att återspegla den senaste versionen av core-forms-components i AEM Archetype projekt.

  3. Distribuera projektet till din lokala utvecklingsmiljö: Du kan använda följande kommando för att distribuera till den lokala utvecklingsmiljön

    mvn -PautoInstallPackage clean install

    En fullständig lista med kommandon finns på Bygga och installera

  4. Distribuera koden till AEM Forms as a Cloud Service miljö.

Konfigurera Azure Storage för adaptiv Forms

Experience Manager Forms Dataintegrering innehåller Azure lagringskonfiguration för att integrera formulär med Azure lagringstjänster. Formulärdatamodellen kan användas för att skapa adaptiv Forms som interagerar med Azure server för att möjliggöra arbetsflöden.

Skapa Azure Storage-konfiguration

Innan du utför dessa steg måste du se till att du har ett Azure-lagringskonto och en åtkomstnyckel för att auktorisera åtkomst till Azure lagringskonto.

  1. Navigera till Tools > Cloud Services > Azure Storage.
  2. Välj en mapp för att skapa konfigurationen och välj Create.
  3. Ange en rubrik för konfigurationen i dialogrutan Title fält.
  4. Ange namnet på Azure lagringskonto i Azure Storage Account fält.

Konfigurera Unified Storage Connector för Forms Portal

Så här konfigurerar du Unified Storage Connector för AEM arbetsflöden:

  1. Navigera till Tools > Forms > Unified Storage Connector.
  2. I Forms Portal avsnitt, markera Azure från Storage listruta.
  3. Ange konfigurationssökväg för Azure-lagringskonfigurationen i Storage Configuration Path fält.
  4. Välj Publish och sedan Save för att spara konfigurationen.

Aktivera Forms Portal-komponenter

Om du vill använda en huvudkomponent (inklusive färdiga portalkomponenter) på en Adobe Experience Manager-webbplats (AEM) måste du skapa en proxykomponent och aktivera den för din webbplats. Information om hur du skapar en proxykomponent och aktiverar portalkomponenter finns i Använda kärnkomponenter.

När en portalkomponent är aktiverad kan du använda den i författarinstansen av din webbplatssida.

Lägga till och konfigurera Forms Portal-komponenter

Du kan skapa och anpassa Forms Portal på webbplatser som skapats med AEM genom att lägga till och konfigurera portalkomponenterna. Se till att komponenter är aktiverade innan du använder dem i Forms Portal.

Om du vill lägga till en komponent drar och släpper du komponenten från rutan Komponenter till layoutbehållaren på sidan eller väljer ikonen Lägg till i layoutbehållaren och lägger till komponenten från Insert New Component -dialogrutan.

Konfigurera komponenten Utkast och överföringar

Komponenten Utkast och inskickningar visar formulär som har sparats som utkast för att fylla i senare och skickade formulär. Konfigurera genom att markera komponenten och sedan välja Ikonen Konfigurera. I Drafts and Submissions anger du rubriken för att ange att formulärlistan ska vara ett utkast eller skickade formulär. Ange också om komponenten ska lista formulärutkast eller inskickade formulär i kort- eller listformat.

Ikonen Utkast

Ikonen Skicka

Konfigurera Search & Lister Component

Komponenten Sök och lista används för att lista anpassningsbara formulär på en sida och för att implementera sökning i de listade formulären.

Ikonen Sök och visa

Konfigurera genom att markera komponenten och sedan välja Ikonen Konfigurera. The Search and Lister öppnas.

  1. I Display konfigurerar du följande på -fliken:
    • I Title anger du namnet på komponenten Sök efter och visa. Med en titel kan användarna göra snabba sökningar i hela formulärlistan.
    • Från Layout väljer du den layout som ska användas för att representera formulären i kort- eller listformat.
    • Välj Hide Search och Hide Sorting om du vill dölja sökningen och sortera efter funktioner.
    • I Tooltip innehåller verktygstipset som visas när du hovrar över komponenten.
  2. I Asset Folder anger du var formulären ska hämtas och visas på sidan. Du kan konfigurera flera mapplatser.
  3. I Results konfigurerar du maximalt antal formulär som ska visas per sida. Standardvärdet är åtta formulär per sida.

Med länkkomponenten kan du skapa länkar till ett anpassat formulär på sidan. Konfigurera genom att markera komponenten och sedan välja Ikonen Konfigurera. The Edit Link Component öppnas.

  1. I Display ska du ange länkens beskrivning och verktygstips för att underlätta identifiering av de formulär som länken representerar.
  2. I Asset Info anger du databassökvägen där resursen lagras.
  3. I Query Params anger du ytterligare parametrar i nyckelvärdepar-formatet. När användaren klickar på länken skickas dessa ytterligare parametrar tillsammans med formuläret.

Konfigurera asynkron formuläröverföring med Adobe Sign

Du kan konfigurera så att ett anpassat formulär skickas endast när alla mottagare har slutfört signeringsceremonin. Följ stegen nedan för att konfigurera inställningen med Adobe Sign.

  1. Öppna ett adaptivt formulär i redigeringsläget i författarinstansen.
  2. Välj ikonen Egenskaper i den vänstra rutan och expandera dialogrutan ELECTRONIC SIGNTATURE alternativ.
  3. Välj Enable Adobe Sign. Olika konfigurationsalternativ visas.
  4. I Submit the form väljer du after every recipient completes signing ceremony för att konfigurera åtgärden Skicka formulär, där formuläret först skickas till alla mottagare för signering. När alla mottagare har signerat formuläret skickas bara formuläret.

Spara adaptiva Forms som utkast

Du kan spara formulär som utkast och fylla i dem senare. Det finns två sätt att spara ett formulär som ett utkast:

  • Skapa en regel av typen "Spara formulär" för en formulärkomponent, till exempel en knapp. När du klickar på knappen utlöses regeln och formuläret sparas som ett utkast.
  • Aktivera funktionen Spara automatiskt, som sparar formuläret enligt den angivna händelsen eller efter ett konfigurerat tidsintervall.

Skapa regler för att spara ett anpassat formulär som utkast

Om du vill skapa en regel för"Spara formulär" för en formulärkomponent, till exempel en knapp, följer du stegen nedan:

  1. Öppna ett adaptivt formulär i redigeringsläge i författarinstansen.
  2. Välj Ikon för komponenter och dra Button till formuläret.
  3. Välj Button och sedan markera Ikonen Konfigurera.
  4. Välj Edit Rules om du vill öppna Regelredigeraren.
  5. Välj Create för att konfigurera och skapa regeln.
  6. I When väljer du"klickas" och i Then väljer du alternativet "Spara formulär".
  7. Välj Done för att spara regeln.

Aktivera Spara automatiskt

Du kan konfigurera funktionen för att spara automatiskt för ett anpassat formulär enligt följande:

  1. Öppna ett adaptivt formulär i redigeringsläge i författarinstansen.
  2. I den vänstra rutan väljer du Ikonen Egenskaper och utöka AUTO-SAVE alternativ.
  3. Välj Enable om du vill att formuläret ska sparas automatiskt. Du kan konfigurera följande:
  • Som standard är Adaptive Form Event är inställt på "true", vilket betyder att formuläret sparas automatiskt efter varje händelse.
  • I Trigger, konfigurera så att automatiskt sparas baserat på förekomsten av en händelse eller efter ett visst tidsintervall.

Se även

Föregående sida
Next page

På denna sida