Så här skapar du din egen Windows 10-app med App Studio

Lästid ikon 4 min. läsa


Läsare hjälper till att stödja MSpoweruser. Vi kan få en provision om du köper via våra länkar. Verktygstipsikon

Läs vår informationssida för att ta reda på hur du kan hjälpa MSPoweruser upprätthålla redaktionen Läs mer

skapa app

Tidigare idag meddelade Microsoft att utvecklare nu kan börja skicka in sina appar till nya Windows Store. Om du är en Windows 10-användare och vill skapa en app för eget bruk, finns det ett bra verktyg som låter dig skapa en app för Windows 10 ganska enkelt – och det vill säga App Studio.

Hur man skapar appen

Att skapa en app med App Studio är ganska enkelt. Så här gör du:

  • Gå över till App Studios hemsida och logga in med ditt Microsoft-konto
  • Efter det omdirigeras du till instrumentpanelen
  • Klicka på avsnittet "Windows 10" från det sekundära navigeringsblocket
  • Efter det, från avsnittet Innehållsmallar, välj Tom app eller Min app W10
  • Sedan kommer du att bli ombedd att namnge appen – skriv bara in namnet på din app och klicka på "Börja med den här!"
  • Efter det kommer du att navigeras till instrumentpanelen för att skapa appen där du kommer att skapa appen
  • I avsnittet Innehåll kommer du att kunna lägga till det "faktiska" innehållet i din app - du kan lägga till RSS-flöden, HTML, Facebook-flöde, Twitter-flöde, etc.
  • I vårt exempel använder vi RSS, så fortsätt och klicka på RSS
  • Sedan kommer du att bli ombedd att ge RSS-flödet ett namn, så använd bara vilket namn du vill och klicka på Bekräfta
  • För att redigera hur RSS-sektionen ser ut, klicka bara på Redigera och du kommer att kunna göra ändringar där.
  • För att ändra hur appen ser ut, klicka på avsnittet Teman och där kan du anpassa de flesta elementen i appen
  • Verktyget låter dig också anpassa Live Tile för din app – för att göra det, gå till Live Tile-sektionen
  • När du är i Live Tile-sektionen kommer du att kunna välja mellan de tre olika live-brickorna och alla ser ganska snygga ut. Så välj den mall du vill ha.
  • Gå sedan till avsnittet Inställningar där du kommer att kunna ändra saker som appnamn, språk, beskrivning, aktivera annonser etc.
  • När du har anpassat appen och är nöjd med den klickar du på Slutför
  • Därefter omdirigeras du till en sida där du får en bra förhandstitt på hur appen kommer att se ut på en telefon, surfplatta och skrivbord
  • Om du inte är nöjd med den kan du gå tillbaka för att redigera den. Men om du är nöjd med det, klicka på Generera för att skapa appen
  • Vänta tills den genererar appen (det kan ta ett tag, så ha tålamod)
  • När det är klart att generera appen kommer du att omdirigeras till sidan Gneeration Detial där du kan ladda ner apppaketet eller ladda ner källkoden för appen för att ta det ännu längre - men vi kommer inte att göra det, så ladda bara ner Apppaket
  • Efter att ha laddat ner apppaketet, packa upp det och öppna den uppackade mappen
  • Högerklicka sedan på Add-AppDevPackage fil och klicka på Kör med Powershell och följ instruktionerna på skärmen
  • Tänk på att du måste aktivera utvecklarläget genom att gå till Inställningar> Uppdateringar och säkerhet> För utvecklare
  • Efter att ha följt instruktionerna på skärmen kommer du att kunna öppna din app

Ser? Det är så enkelt. Här är skärmdumparna av hur vi skapade appen:

[gallerify height="400"]
Skärmdump (112)

Skärmdump (113)

Skärmdump (114) Skärmdump (115) Skärmdump (116) Skärmdump (117) Skärmdump (118) Skärmdump (119) Skärmdump (120) Skärmdump (121) Skärmdump (122) Skärmdump (123)
Skärmdump (124)

Skärmdump (126)

Skärmdump (127)

Skärmdump (128)

Skärmdump (129)

Skärmdump (130)

Skärmdump (131)

Skärmdump (132)

Skärmdump (133)
Skärmdump (134)

Skärmdump (135)

Skärmdump (136)

Skärmdump (137)

Skärmdump (138)

Skärmdump (139)

Skärmdump (140)

Skärmdump (141)

Skärmdump (142)

Skärmdump (143)

Skärmdump (144)

Skärmdump (145)

Skärmdump (147)

Skärmdump (149)

Skärmdump (148)

[/gallerify]

Som du kan se från några av ovanstående skärmdumpar ser apparna som skapats på App Studio verkligen ganska bra ut. Om du vill ta detta ett steg längre låter App Studio dig också ladda ner källkoden för appen som du kan förbättra med Visual Studio.

Vad tycker du om App Studio? Diskutera i kommentarsfältet nedan.

Mer om ämnena: App Studio, microsoft, Handledning, Windows 10

Kommentera uppropet

E-postadressen publiceras inte. Obligatoriska fält är markerade *