Hur man skapar anpassade nyhetsflöden med OptiSync

I den här artikeln kommer vi att gå igenom OptiSigns möjlighet att skapa anpassade nyhetsappar med hjälp av OptiSync-funktionen.

• Exempel på SharePoint-nyheter
• Hur man konfigurerar ett anpassat nyhetsflöde
  • Steg 1: Konfigurera en API Gateway (SharePoint-exempel)
    • Välja rätt URL-slutpunkt för anslutning
    • SharePoint API-autentisering med OAuth 2.0 i Microsoft Azure
  • Steg 2: Mappa API:et till en datakälla
  • Steg 3: Skapa ett nyhetsflöde med Designer
    • Elementmappning
  • Använda filter för att anpassa vilka nyheter som ska visas

Det är vanligt att företag delar sin interna kommunikation, inklusive PM, nyheter, meddelanden och mer via intranät. Digital skyltning kommer att öka de anställdas medvetenhet om publicerade företagsnyheter och meddelanden.

Med OptiSync är det möjligt att skapa en anpassad nyhetsapp för att visa företagsnyheter som lagras på ditt företags intranät. Detta uppnås genom att ansluta ett intranät-API med OptiSync och välja vilken data som ska visas i OptiSigns Designer-appen.

Att skapa nyhetsflöden med OptiSync har en viktig fördel: du har full kontroll över utseendet och känslan i ditt flöde. Du kan skapa flöden som matchar ditt företags varumärke och designriktlinjer oavsett vilken nyhetskälla du använder. Vi kommer att använda SharePoint här som exempel, men du kan använda vad som helst som kan matas in som en datakälla.

Innan vi börjar kan det vara bra att bekanta dig med några andra koncept som är viktiga att förstå och som vi täcker i andra artiklar:

• Hur man integrerar API och publicerar API-data via OptiSync
• Hur man konfigurerar dynamisk datamappning med OptiSync

API-artikeln i synnerhet kommer att ge detaljerade instruktioner för hur man parar ett API och får dess data på skärmen med automatiska uppdateringar. När du har konfigurerat ditt API och sparat dess data som en datakälla kan du skapa några av exemplen nedan med hjälp av Designer-appen.

Huvudexemplet som behandlas i denna artikel är företagsnyheter, men denna funktion kan användas för mycket mer, inklusive:

• Anpassade RSS-flöden
• Anpassade XML/JSON-flöden
• Lagerhanteringssystem
• Kassauppdateringar över flera platser
• Ytterligare intern kommunikation
• Andra nyhetssajter

---

Exempel på SharePoint-nyheter

Nedan finns några exempel som använder SharePoint. Det finns många möjligheter att designa och skapa engagerande nyhetsflöden med SharePoint-nyheter eller andra intranätapplikationer.

Här är några exempel:

Anslagstavelflöde

Denna stil gör det möjligt att visa flera nyheter samtidigt. Bilderna och texten tas direkt från datakällan och visas med OptiSync. Dessa är inställda på att uppdateras periodiskt var 30:e minut.

Enkelberättelse-flöde

Denna stil gör det möjligt att visa en enskild nyhet. Med hjälp av Repeater-inställningar möjliggör detta en roterande lista med utvalda nyhetsartiklar.

---

Hur man konfigurerar ett anpassat nyhetsflöde

För att konfigurera ett anpassat nyhetsflöde måste du följa dessa steg:

1. Konfigurera den anpassade API Gateway
2. Mappa API:et till en datakälla inom OptiSigns
3. Skapa ett nyhetsflöde med OptiSigns Designer

Steg 1: Konfigurera en anpassad API Gateway (SharePoint-exempel)

Vi täcker de flesta detaljerna i detta steg i vår guide Hur man integrerar API och publicerar API-data via OptiSync. Se den guiden för en steg-för-steg-process.

Det finns dock några element som är specifika för att ansluta till ett SharePoint-API (eller en mängd resurser i Microsoft 365), som vi kommer att behandla här.

Välja rätt URL-slutpunkt för SharePoint-anslutning

Det finns många alternativ för att ansluta till SharePoints API-slutpunkter, och att se till att du har rätt är avgörande för att importera rätt data till OptiSigns. Klicka här för att läsa mer om Bestämma SharePoint REST-tjänstens slutpunkts-URI:er.

För detta exempel kommer vi att använda "Site"-funktionsområdet, vilket innebär att åtkomstpunkten kommer att vara:

https://{site_url}/_api/site

SharePoint API-autentisering med OAuth 2.0 i Microsoft Azure

Autentisering för SharePoint kan utföras med olika metoder, men OAuth 2.0 har blivit den rekommenderade standarden. För att komma igång med OAuth 2.0 måste du registrera din applikation i Azure Active Directory.

När det är gjort behöver du:

• Klient-ID
• Klienthemlighetsvärde

Dessa krävs för autentisering. Ytterligare autentisering kan göras i Pre-Request-steget för att erhålla åtkomsttokens. Dessa autentiseringstokens måste hållas uppdaterade: se Microsofts artikel om identitetsplattformens certifikatuppgifter för mer information.

När det paras med ett "Accept"-värde kommer detta att ge autentisering för din API-begäran. Du behöver följande värden:

Authorization: "Bearer " + accessToken
Accept: "application/json;odata=verbose"

Dessa värden ska matas in under fliken Header när du konfigurerar din API-begäran:

Se till att aktivera denna begäran innan du går vidare till nästa steg.

Steg 2: Mappa API:et till en datakälla

Vi täcker de flesta detaljerna i detta steg i vår Hur man konfigurerar dynamisk datamappning med OptiSync. Om det importeras korrekt kommer din data att visas i JSON-format, så här:

Dina nyheter kommer att ha liknande datauppsättningar om du följer denna guide. De viktigaste datafälten är:

• "Title"
• "Description"
• "Banner Image URL"
  • Att mata in denna URL kommer att visa bannerbilden.

Steg 3: Skapa ett nyhetsflöde med Designer i OptiSigns

Nästa steg är att få dessa värden på dina skärmar och få dem att uppdateras automatiskt.

För att komma igång, hitta din design eller skapa en ny i fliken Filer/Tillgångar.

Med designen öppen, klicka på "DataSource" i den vänstra kolumnen. Klicka sedan på "Lägg till datakälla" för att lägga till en API-datakälla till designen.

Scrolla ner till där det står "API Gateway" och klicka på det.

Du kan också konfigurera en flervals-Gateway med API Gateway Collection. För detta exempel kommer vi att hålla oss till enkelvals-API Gateway.

Du bör se denna skärm:

• Namn - Namnet på datakällan. Detta är internt och kommer inte att visas på dina skärmar.
• Välj API:er - Här väljer du från de API Gateways du redan har konfigurerat i tidigare steg. Du kan välja bara en eller flera. Om flera väljs kommer API-datakällan automatiskt att aggregera dem.
• Uppdateringsintervall - Hur ofta begäranden ska skickas tillbaka till API:et för uppdateringar. Välj från Ingen (ring aldrig tillbaka API:et), 30 minuter, 60 minuter eller var 6:e timme. Om du aktiverar WebHook på din API-begäran och matar in den tillhandahållna URL:en i ditt API, kommer detta uppdateringsintervall att ändras till nästan realtid.

Klicka på Spara, och datakällan skapas.

Den bör visas i den vänstra kolumnen under "Används i denna design". Den kommer definitivt att visas i avsnittet "Andra datakällor". Du kan behöva uppdatera sidan för att den ska visas.

Elementmappning

Nu när din API-datakälla har skapats är vi redo att mappa data. I detta exempel visar vi dig hur du skapar ett SharePoint-nyhetsflöde.

Lägga till textelement till en digital menyskärm

Skapa först din design. Du kan använda en av våra repeater-mallar eller skapa designen själv. Våra repeater-mallar kan anpassas för att passa ditt företags varumärke.

Det enklaste sättet att konfigurera ett anpassat nyhetsflöde är med en Data Repeater. För en fullständig genomgång av en Repeaters funktioner, se denna artikel. Här kommer vi att hålla oss till att lära ut hur man lägger till information från ditt API.

För att konfigurera en Repeater, klicka på "Repeaters" → Lägg till tom Repeater.

Med Repeatern vald, klicka på Inställningar. En ny panel öppnas till höger. Här väljer du Anslut till datakälla.

Välj den datakälla du konfigurerade i det sista steget under "Andra datakällor".

Du kommer att tas tillbaka till den senaste panelen med din datakälla nu vald. Klicka nu på Redigera eller dubbelklicka på den valda Repeatern för att gå till Repeater-redigeraren. Detta är som en design-inom-en-design, specifikt för dina Repeater-(nyhets-)objekt. Med text vald, klicka på pilen till vänster.

Det tar upp fliken Datakälla. Klicka på datakällan som används i denna design och du kommer att se något liknande detta:

I detta exempel vill vi visa artikelns titel, dess associerade bilder och själva berättelsen.

Genom att skapa text och dra datapunkter till den kan vi skapa ett nyhetsflöde så här:

Detta skapades genom att hitta datapunkter från API:et och dra dem till de önskade textrutorna. I det här fallet vill vi bara visa "Title", "Banner URL Image" och "Description", så dessa värden drogs in i en tom eller befintlig textruta.

Värdet av en repeater är att den kommer att kopiera formatet för denna enda cell och sedan ersätta datapunkterna med andra från ditt API. Den kommer att hämta så många datapunkter som du har konfigurerat på ditt API. I detta exempel har vi endast visat en nyhet. Repeatern kommer att rotera genom resten och visa bara en åt gången. Om du vill visa fler kan antalet upprepade objekt och deras formatering ändras med dessa alternativ under Inställningar:

Om vi ändrar totala objekt till, säg, 3, kan vi få ett nyhetsflöde så här med lite designarbete:

Förhoppningsvis är detta en effektiv demonstration av några av OptiSyncs förmågor.

Använda filter för att anpassa vilka nyheter som ska visas

Vilka nyheter du vill visa kan variera beroende på ett antal faktorer. För att filtrera bort oönskade eller överflödiga nyheter kan du använda OptiSigns Datakälla Filter.

För att komma igång, markera den data du vill filtrera och klicka sedan på Inställningar. Klicka sedan på alternativet Filter under din datakälla.

Denna skärm visas:

Vad som följer är i huvudsak en AND-sats eller en OR-sats som du kan använda i Excel eller Google Kalkylark. Det enklaste sättet att förstå filteralternativet är som en Excel- eller Google Kalkylark-formel som du matar in i OptiSigns.

Du kan lägga till Regler eller Regeluppsättningar till ditt filter för att skapa så mycket komplexitet som du behöver:

För att konfigurera en regel måste du konfigurera tre värden.

Att välja den första rutan ger dig dessa alternativ:

Som standard motsvarar dessa alternativ rubrikerna för data som mappats till källan. Denna lista kommer att variera i längd beroende på hur många rubriker du har. Du kan också mata in vilket värde du vill genom att skriva det i rutan.

Den andra rutan är din Variabel. OptiSigns tillhandahåller dessa alternativ:

Det sista alternativet ger följande standardvärden:

Som standard mappas dessa till en skärm eller annan enhet, vilket gör att ditt filter kan rikta in sig på endast vissa skärmar.

Detta värde kan dock ändras till vad du vill. Skriv helt enkelt vilket värde du vill.

Det finns dussintals möjligheter med OptiSync-filtret för att visa ännu mer precis automatiserad data på dina skärmar.

Det var allt!

OptiSigns är ledande inom digital skyltningsprogramvara. Om du har några ytterligare frågor, funderingar eller någon feedback om OptiSigns, tveka inte att kontakta vårt supportteam på support@optisigns.com.