Lär dig hur du aktiverar den fullständiga as a Cloud Service AEM Screens-upplevelsen på din demowebbplats.
AEM Screens Demo kräver att skärmtillägget läggs till i Cloud Manager-programmet. Lär dig här hur du lägger till det.
I det föregående dokumentet om AEM Reference Demos Add-On-resan, Skapa demowebbplats, du har skapat en ny demowebbplats baserad på mallarna för tillägget Referensdemo. Nu bör du:
Nu när du har en egen demosajt där du kan utforska och förstå vilka verktyg som finns för att hantera dina demosajter kan du nu aktivera den fullständiga as a Cloud Service AEM Screens-upplevelsen för dina demosajter.
Tillägget AEM Reference Demos innehåller AEM Screens-innehåll för We.Cafe, ett kaféföretag. Det här dokumentet hjälper dig att förstå hur du kör demokonfigurationen We.Cafe i AEM Screens. När du har läst bör du:
AEM Screens as a Cloud Service är en digital signeringslösning som gör att marknadsförare kan skapa och hantera dynamiska digitala upplevelser i stor skala. Med AEM Screens as a Cloud Service kan ni skapa engagerande och dynamiska digitala signeringsupplevelser som ska användas på offentliga platser.
Mer information om AEM Screens as a Cloud Service finns i Ytterligare resurser i slutet av det här dokumentet.
Genom att installera tillägget AEM referensdemonstrationer får du automatiskt tillgång till Web.Cafe-innehåll för AEM Screens i din demoredigeringsmiljö. Stegen som beskrivs i Distribuera ett projekt för demonstrationsskärmar gör att du kan ge AEM Screens en komplett upplevelse genom att publicera materialet och distribuera det till mediespelare osv.
Kaféet We.Cafe består av tre butiker på tre platser i USA. Alla tre butikerna har tre liknande upplevelser:
Det är bara entréskärmen som kan testas i den aktuella versionen av demonstrationen. Andra bildskärmar följer i en framtida version.
Kiosken ingår inte i den aktuella versionen av demon. Den kommer att ingå i en framtida version.
New-York-platsen antas befinna sig i en mindre butik som inte har mycket utrymme, och som sådan:
Om du bestämmer dig för att ansluta till Cloud Servicen Skärmar i dialogrutan Anslut skärmar as a Cloud Service skapar du platserna som mappar under skärmar. Se Ytterligare resurser i slutet av det här dokumentet om du vill ha mer information om hur det visas.
Platserna We.Cafe har följande layouter.
Mätningarna för skärmarna är i tum.
Ingången är uppdelad på dagen och den första bilden ändras från morgon till eftermiddag. På varje omgång i sekvensen annonserar den också en särskild kaffepreparation med hjälp av en inbäddad sekvens med datapriser för att spela upp olika objekt varje gång.
Den sista bilden på ingångskanalerna är också riktad (dvs. dynamiskt ändrad) baserat på den yttre temperaturen, som kan simuleras enligt beskrivningen i Skapa simulerad datakälla -avsnitt.
För att kunna använda demoinnehållet i sandlådan som du skapade i Skapa program måste en plats skapas baserat på en mall.
Om du inte redan har skapat en demowebbplats för We.Cafe följer du bara samma steg som i Skapa demowebbplats -avsnitt. När du väljer en mall väljer du bara Webbplatsmall för We.Cafe.
När guiden är klar hittar du innehållet som är distribuerat under Webbplatser och du kan navigera och utforska precis som annat innehåll.
Nu när du har demoinnehåll från We.Cafe kan du välja hur du vill testa AEM Screens:
På samma sätt som AEM Sites kan AEM Screens ändra innehåll dynamiskt baserat på sammanhang. Demon We.Cafe har kanaler som är konfigurerade att visa olika innehåll beroende på aktuell temperatur. För att simulera detta måste vi skapa en egen enkel vädertjänst.
Eftersom det är mycket svårt att ändra vädret under en demonstration eller under testningen måste temperaturförändringarna simuleras. Vi simulerar en vädertjänst genom att lagra ett temperaturvärde i ett Google Sheet-kalkylblad som AEM ContextHub anropar för att hämta temperaturen.
Först måste vi skapa en Google API-nyckel för att underlätta datautbyte.
Logga in på ett Google-konto.
Öppna molnkonsolen med den här länken https://console.cloud.google.com
.
Skapa ett nytt projekt genom att klicka på det aktuella projektnamnet längst upp till vänster i verktygsfältet efter Google Cloud Platform label.
Klicka på NYTT PROJEKT.
Ge projektet ett namn och klicka på SKAPA.
Kontrollera att ditt nya projekt är markerat och välj sedan hamburger-menyn på kontrollpanelen i molnkonsolen API:er och tjänster.
Klicka på i den vänstra panelen i fönstret API:er och tjänster Autentiseringsuppgifter längst upp i fönstret och klicka sedan på SKAPA AUTENTISERINGSUPPGIFTER och API-nyckel.
I dialogrutan kopierar du den nya API-nyckeln och sparar den för senare bruk. Klicka STÄNG för att stänga dialogrutan.
Om du vill tillåta utbyte av Google Sheets-data med API-nyckeln måste du aktivera Google Sheets API.
Återgå till Google Cloud Console på https://console.cloud.google.com
för ditt projekt och använd sedan hamburger-menyn för att välja API:er och tjänster -> Bibliotek.
Bläddra till API-biblioteksskärmen för att hitta vår sökning efter Google Sheets API. Klicka på den.
I Google Sheets API fönsterklicka AKTIVERA.
Nu kan du skapa ett Google-kalkylblad för att lagra dina väderdata.
Gå till https://docs.google.com
och skapa ett nytt Google Sheets-kalkylblad.
Definiera temperaturen genom att ange 32
i cell A2.
Dela dokumentet genom att klicka på Dela längst upp till höger i fönstret och under Hämta länk klicka Ändra.
Kopiera länken till nästa steg.
Leta reda på blads-ID:t.
d/
och före /edit
.https://docs.google.com/spreadsheets/d/1cNM7j1B52HgMdsjf8frCQrXpnypIb8NkJ98YcxqaEP30/edit#gid=0
1cNM7j1B52HgMdsjf8frCQrXpnypIb8NkJ98YcxqaEP30
.Kopiera kalkylblads-ID:t för framtida bruk.
Nu när du har skapat datakällan som ett Google-kalkylblad och aktiverat åtkomst via API testar du det för att se till att vädertjänsten är tillgänglig.
Öppna en webbläsare.
Ange följande begäran och ersätt de tabell-ID och API-nyckelvärden som du sparade tidigare.
https://sheets.googleapis.com/v4/spreadsheets/<yourSheetID>/values/Sheet1?key=<yourAPIKey>
Om du tar emot JSON-data som liknar följande, konfigureras de korrekt.
{
"range": "Sheet1!A1:Z1000",
"majorDimension": "ROWS",
"values": [
[],
[
"32"
]
]
}
AEM Screens kan använda samma tjänst för att få tillgång till simulerade väderdata. Detta konfigureras i nästa steg.
AEM Screens kan ändra innehåll dynamiskt baserat på sammanhang. Demon We.Cafe har kanaler som är konfigurerade att visa olika innehåll beroende på aktuell temperatur genom att utnyttja AEM ContextHub.
Mer information om ContextHub finns i Ytterligare resurser i slutet av det här dokumentet.
När skärminnehållet visas anropar ContextHub vädertjänsten för att hitta den aktuella temperaturen för att avgöra vilket innehåll som ska visas.
I demosyfte kan du ändra värdena i bladet. ContextHub känner igen detta och innehållet justeras i kanalen enligt den uppdaterade temperaturen.
[your Google Sheets id]
med kalkylblads-ID du har sparat tidigare.[your Google API Key]
med API-nyckeln du har sparat tidigare.Nu kan du ändra temperaturvärdet i Google Sheet-kalkylbladet så uppdaterar ContextHub skärmarna dynamiskt när det ser väderändringen.
Nu när AEM Screens och ContextHub är anslutna till din vädertjänst kan du testa den för att se hur skärmar kan uppdatera innehåll dynamiskt.
Få åtkomst till din författarinstans för sandlådan.
Navigera till webbplatskonsolen via Global navigering -> Webbplatser och välj följande sida Skärmar -> <project-name> -> Kanaler -> Ingångsmorgon (stående).
Klicka på Redigera i verktygsfältet eller skriv kortkommandot e
för att redigera sidan.
I redigeraren kan du se innehållet. Observera att en bild är i blått med en målikon i hörnet.
Ändra temperaturen i kalkylbladet från 32 till 70 och se hur innehållet ändras.
Den aktuella bilden har ändrats från en varmt kopp te till ett kallt kaffe, baserat på att temperaturen har ändrats från en fryst 32°F (0°C) till en bekväm 21°C (70°F).
Använd endast den beskrivna Google Sheets-lösningen för demoändamål. Adobe stöder inte användning av Google Sheets för produktionsmiljöer.
Om du även vill skapa en riktig digital signeringsupplevelse, inklusive en spelare som körs på en digital signeringsenhet eller på datorn, följer du de här stegen.
Du kan också förhandsgranska demon i kanalredigeraren i AEMaaCS.
Mer information om kanalredigeraren finns i Ytterligare resurser i slutet av det här dokumentet.
Först måste du publicera ditt demoinnehåll för skärmar på AEM Screens as a Cloud Service och konfigurera tjänsten.
Publicera innehållet i ditt demoskärmsprojekt.
Navigera till as a Cloud Service skärmar på https://experience.adobe.com/screens
och logga in.
Kontrollera att du är i rätt ordning i skärmens övre högra hörn.
Längst upp till vänster klickar du på Redigera inställningar -ikonen, formad som ett kugghjul.
Ange URL:erna till AEMaaCS-författaren och publicera de förekomster där du skapade demowebbplatsen och klicka på Spara.
När du väl är ansluten till dina demoinstanser kommer skärmar att dra in kanalinnehållet. Klicka på Kanaler i den vänstra panelen för att se de publicerade kanalerna. Det kan ta en stund innan informationen har fyllts i. Du kan klicka på den blå Synkronisera längst upp till höger på skärmen för att uppdatera informationen.
Klicka på Visar i den vänstra panelen. Du har ännu inte skapat något för din demo. Vi simulerar platsen för We.Cafe genom att skapa mappar för varje. Klicka på Skapa längst upp till höger på skärmen och välj Mapp.
Ange ett mappnamn, till exempel San Jose och klicka Skapa.
Öppna mappen genom att klicka på den och sedan på Skapa längst upp till höger och välj Visa.
Ange ett visningsnamn och klicka på Skapa.
När visningen har skapats klickar du på visningsnamnet för att öppna skärmen med visningsinformation. Visningen måste tilldelas en kanal som har synkroniserats från din demowebbplats. Klicka på Tilldela kanal längst upp till höger på skärmen.
Markera kanalen i dialogrutan och klicka på Tilldela.
Du kan upprepa de här stegen för ytterligare platser och visningar. När du är klar har du länkat din demowebbplats till AEM Screens och slutfört den nödvändiga konfigurationen.
Du kan enkelt förhandsgranska filmen i kanalredigeraren i AEMaaCS.
Om du vill visa innehållet som på en riktig skärm kan du hämta spelaren och konfigurera den lokalt. AEM Screens as a Cloud Service levererar sedan materialet till spelaren
Först måste du skapa en registreringskod för att säkert ansluta en spelare till AEM Screens as a Cloud Service.
Navigera till as a Cloud Service skärmar på https://experience.adobe.com/screens
och logga in.
Kontrollera att du är i rätt ordning i skärmens övre högra hörn.
Klicka på Spelarhantering -> Registreringskoder och sedan klicka Skapa kod längst upp till höger på skärmen.
Ange ett namn för koden och klicka på Skapa.
När koden har skapats visas den i listan. Klicka för att kopiera koden.
Hämta spelaren för din plattform från https://download.macromedia.com/screens/
och installera det.
Kör spelaren och växla till Konfiguration bläddra längst ned för att klicka och bekräfta båda Återställ till fabrik och sedan Ändra till molnläge.
Spelaren ändras automatiskt till Spelarregistrering -fliken. Ange koden som du skapade tidigare och klicka på Registrera.
Växla till Systeminformation för att bekräfta att spelaren har registrerats.
Navigera till as a Cloud Service skärmar på https://experience.adobe.com/screens
och logga in.
Kontrollera att du är i rätt ordning i skärmens övre högra hörn.
Klicka på Spelarhantering -> Spelare och du ser den spelare som du har installerat och registrerat tidigare.
Klicka på spelarnamnet för att öppna informationen och klicka sedan på Tilldela för visning i skärmens övre högra hörn.
I dialogrutan väljer du den visning som du skapade tidigare och klickar sedan på Välj.
När du har tilldelat en skärm till en spelare skickar AEM Screens as a Cloud Service innehållet till spelaren där det är synligt.
Nu när du har slutfört den här delen av AEM Reference Demo Add-On-resan bör du:
Nu är du redo att utforska möjligheterna i AEM Screens med dina egna demosajter. Fortsätt till nästa avsnitt av resan, Hantera dina demosajter, där du får lära dig mer om de verktyg som finns för att hantera dina demowebbplatser och hur du tar bort dem.
Du kan även ta en titt på några av de tillgängliga resurserna i Avsnittet Ytterligare resurser om du vill veta mer om de funktioner du såg under den här resan.