Utveckla offline-kompatibla appar för arbetsytor

Artikel
04/20/2024

Mobila användare måste ofta vara produktiva även när de har begränsad eller ingen anslutning. När du bygger en arbetsyteapp kan du utföra följande uppgifter:

Öppna Power Apps Mobile och kör appar när enheten inte är ansluten till nätverket.
Fastställ när en app är offline, online eller i en anslutning med datapriser med hjälp av signalobjektet Anslutning.
Synkronisera data mellan enheten och servern.

Om appen ansluter till Dataverse är offlinesupporten inbyggd. Power Apps innebär att du kan hämta data till enheten och överföra ändringar tillbaka till Dataverse. Om din app inte använder Dataverse, kan du använda samlingar och använda funktioner LoadData och SaveData för grundläggande lagring offline.

Anteckning

Offlinefunktion för arbetsyteappar är tillgänglig när apparna körs med den inbyggda Power Apps Mobile spelare på iOS, Android och Windows.
Appar som körs i webbläsare kan inte köras offline även om de använder en webbläsare på en mobil enhet.
Arbetsyteapp i Teams får ha begränsad till 1 MB data via funktionerna LoadData och SaveData funktion—och kan fås med en mindre mängd textsträngar, tal och datum. Användning av bilder eller andra media används för att begränsa gränsen. Mer information: LoadData och SaveData funktionen referens

Aktivera offlinesupport i en Dataverse-baserad arbetsyteapp

För Microsoft Dataverse-baserade arbetsyteappar måste du använda offline-funktionen inbyggd med upplevelsen offline-först. För mer information, se Konfigurera Mobile Offline för arbetsyteappar och Arbeta med arbetsyteappar offline. Med ett knapptryck kan appen arbeta med Dataverse-data var du än är, med eller utan en nätverksanslutning. Bygg bara din app med Power Fx standardformel och offlinefunktionen hanterar all komplexitet åt dig.

Använda LoadData och SaveData för alla andra anslutningsprogram

Detta avsnitt innehåller ett exempel på hur du använder Twitter-data. Ett ännu enklare exempel som inte kräver en anslutning ingår i LoadData och SaveData funktionsreferens.

Titta på det här videoklippet och lär dig hur du skapar offlineaktiverade arbetsyteappar som inte använder Dataverse-data:

Begränsningar

LoadData och SaveData kombineras för att skapa en enkel mekanism för lagring av små mängder data på en lokal enhet. Genom att använda de här funktionerna kan du lägga till enkla offline-funktioner i appen.

De här funktionerna begränsas av mängden tillgängligt program minne när de körs på en samling i minnet. Tillgängligt minne kan variera beroende på enhet, operativ system, minne som Power Apps Mobile använder samt appens komplexitet i form av skärmar och kontroller. Om du lagrar mer än några megabyte data testar du appen med de scenarier som du tror att de ska köras på. Du har vanligt vis 30-70 megabyte tillgängligt minne.

Funktionerna löser inte heller automatiskt kopplingskonflikter när en enhet är online. Konfiguration för vilka data som sparas och hur åter anslutning ska hanteras i tillverkaren när uttryck skrivs.

Om du vill uppdatera offline-funktionerna går du tillbaka till den här ämne och prenumererar på Power Apps-bloggen.

Översikt

Innan du utformar scenarier med olika förutsättningar bör du fundera över hur dina appar arbetar med data. Appar i Power Apps har i huvudsak tillgång till data via en uppsättning anslutningar som plattformen tillhandahåller, t.ex., SharePoint, Office 365 och Microsoft Dataverse. Du kan också skapa anpassade anslutningsappar som ger appar åtkomst till en tjänst som tillhandahåller en RESTful-slutpunkt. Detta kan vara en webb-API eller en tjänst, till exempel Azure Functions. Dessa anslutningar använder HTTPS via Internet, vilket innebär att användarna måste vara online för att komma åt data och andra funktioner som en tjänst erbjuder.

Power Apps-app med anslutningsappar.

Hantering av data offline

I Power Apps kan du filtrera, söka, sortera, samla ihop och manipulera data på ett konsekvent sätt oavsett datakälla. Källorna går från minnessamlingar i appen till listor som skapats med Microsoft Lists till SQL-databaser och Dataverse. Tack vare den här konsekvensen kan du enkelt nå en app för att använda en annan datakälla. Viktigare här för offline-scenarier kan du använda lokala samlingar för datahantering, nästan utan ändringar av en apps logik. Faktum är att lokala samlingar är den primära mekanismen för datahantering offline.

Skapa en offline-app

Om du vill behålla fokus på offline-aspekter vid utveckling av appar illustrerar detta ämne ett enkelt scenario för Twitter. Du ska skapa en app som gör att du kan läsa Twitter-inlägg och skicka tweets när du är offline. När appen är online, skickar appen tweets och läser in lokala data på nytt.

På en hög nivå utför appen följande uppgifter:

När användaren öppnar appen:
- Om enheten är online hämtar appen data via Twitter-kontakten och fyller en samling med dessa data.
- Om enheten är offline läser appen in data från en lokal cachefil med hjälp av funktionen LoadData.
- Användaren kan skicka tweets. Om appen är online postas tweets direkt till Twitter och uppdaterar det lokala cacheminnet.
Var femte minut när appen är online:
- Appen skickar alla tweets i det lokala cacheminnet.
- Appen uppdaterar det lokala cacheminnet och sparar den med hjälp av funktionen SaveData.

Steg 1: lägga till Twitter i en tom telefonapp

Skapa en tom arbetsyteapp med layout telefon.
På fliken Visa väljer du Datakällor.
I fönstret Data välj Lägg till datakälla.
Välj Ny anslutning > Twitter > Skapa.
Ange dina autentiseringsuppgifter, skapa anslutningen och stäng sedan fönstret Data.

Steg 2: samla in befintliga tweets

I rutan Trädvy väljer du App och anger sedan egenskapen OnStart till denna formel:

If( Connection.Connected,
    ClearCollect( LocalTweets, Twitter.SearchTweet( "PowerApps", {maxResults: 10} ) );
        Set( statusText, "Online data" ),
    LoadData( LocalTweets, "LocalTweets", true );
        Set( statusText, "Local data" )
);
SaveData( LocalTweets, "LocalTweets" );

Formel för att ladda tweets.

I rutan Trädvy väljer du ellipsmenyn för objektet App och välj sedan Run OnStart för att köra formeln.

Anteckning

Funktionerna LoadData och SaveData kan visa ett felmeddelande i Power Apps Studio eftersom webbläsare inte stöder dem. De fungerar emellertid normalt när du har distribuerat appen till en enhet.

Den här formeln kontrollerar om enheten är online eller inte:

Om enheten är online, laddar formeln upp till 10 tweets med söktermen "PowerApps" i en LocalTweets-samling.
Om enheten är offline, laddas formeln lokala cachen från en fil med namnet "LocalTweets" om tillgänglig.

Steg 3: Visa tweets i ett galleri

På fliken Infoga, välj Galleri > Tom flexibel höjd.
Ange egenskapen Items för Galleri-kontrollen till LocalTweets.
I gallerimallen, lägg till tre Etikett-kontroller och ange egenskapen Text för varje etikett till ett av dessa värden:
- ThisItem.UserDetails.FullName & " (@" & ThisItem.UserDetails.UserName & ")"
- Text(DateTimeValue(ThisItem.CreatedAtIso), DateTimeFormat.ShortDateTime)
- ThisItem.TweetText
Gör texten i den sista etiketten fetstilt så att galleriet liknar det här exemplet.

Steg 4: Visa anslutningsstatus

Infoga en etikett under galleriet och ange sedan egenskapen Color till röd.
Ange den nyaste etikettens egenskap Text till denna formel:

If( Connection.Connected, "Connected", "Offline" )

Den här formeln bestämmer om enheten är online eller inte. Om den är det visar etiketten Ansluten annars visar den Offline.

Steg 5: lägga till en ruta för att skapa tweets

Under etiketten anslutningsstatus, infoga en Textinmatningkontroll och byter namn på den NewTweetTextInput.
Ange textinmatningsradens egenskap Default till "".

Steg 6: Lägg till en knapp för att publicera en tweet

Under textinmatningsraden, lägg till en Knapp-kontroll och ange dess egenskap Text till detta värde:

"Tweet"

Ställ in knappens egenskap OnSelect enligt den här formeln:

If( Connection.Connected,
    Twitter.Tweet( "", {tweetText: NewTweetTextInput.Text} ),
    Collect( LocalTweetsToPost, {tweetText: NewTweetTextInput.Text} );
        SaveData( LocalTweetsToPost, "LocalTweetsToPost" )
);
Reset( NewTweetTextInput );

I egenskapen OnStart för appen App, lägger du till en rad i slutet av formeln:

If( Connection.Connected,
    ClearCollect( LocalTweets, Twitter.SearchTweet( "PowerApps", {maxResults: 100} ) );
        Set( statusText, "Online data" ),
    LoadData( LocalTweets, "LocalTweets", true );
        Set( statusText, "Local data" )
);
SaveData( LocalTweets, "LocalTweets" );
LoadData( LocalTweetsToPost, "LocalTweetsToPost", true );  // added line

Kör formel för att ladda tweets med okommenterad rad.

Den här formeln bestämmer om enheten är online eller inte:

Om enheten är online, publiceras tweet omedelbart.
Om enheten är offline, läggs tweets-texten i en LocalTweetsToPost-samling och sparas till enheten.

Formeln återställer sedan texten i textinmatningsraden.

Steg 7: Sök efter nya tweets

På knappens högra sida lägger du till en Timer-kontroll.
Ange timerns egenskap Duration till 300000.
Ange timerns egenskaper AutoStart och Repeat till true.

Ställ in timerns OnTimerEnd till den här formeln:

If( Connection.Connected,
    ForAll( LocalTweetsToPost, Twitter.Tweet( "", {tweetText: tweetText} ) );
    Clear( LocalTweetsToPost );
    ClearCollect( LocalTweets, Twitter.SearchTweet( "PowerApps", {maxResults: 10} ) );
    SaveData( LocalTweets, "LocalTweets" );
)

Den här formeln bestämmer om enheten är online eller inte. Om appen tweets alla objekt i samlingen LocalTweetsToPost och sedan rensa samlingen.

Testa appen

Öppna appen med Power Apps Mobile på en mobil enhet som är ansluten till Internet.

Befintliga tweets visas i galleriet och status visas som ansluten.
Koppla bort enheten från Internet genom att aktivera enhetens flygplansläge och inaktivera Wi-Fi.

Statusetiketten visar att appen är offline.
När enheten är offline kan du skriva en tweet som innehåller Power Apps och sedan välja knappen Tweet.

Tweet kommer att lagras lokalt i samlingen LocalTweetsToPost.
Återanslut enheten från Internet genom att inaktivera enhetens flygplansläge och aktivera Wi-Fi.

Inom fem minuter skickar appen en tweet, som visas i galleriet.

Vi hoppas att denna artikel ger dig en uppfattning om Power Apps funktioner för att skapa offline-appar. Som alltid kan du lämna feedback i våra forum och dela dina exempel på offline-appar i Power Apps community-blogg.