Gör Android -applikation för småföretag med MIT APP och Google Fusion Table: 7 steg

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:44

Har du någonsin velat göra din egen applikation som kan vara tillgänglig på Google Play Store !!! Om du har ett företag kommer denna handledning att förändra ditt liv. Efter att ha läst detta noggrant kommer du att kunna skapa din egen applikation. Innan du börjar med denna instruktionsbok måste du läsa ytterligare två instruktioner. Länk till dessa två ges nedan. Dessa instruktioner är de grundläggande självstudierna för apputveckling.

www.instructables.com/id/How-to-Use-MIT-Ap…

www.instructables.com/id/Course-on-MIT-App…

Så för att göra en applikation antog vi att vi har en liten tebutik med 20 antal tesorter, sedan kan kunderna med hjälp av din egen applikation beställa teet innan de anländer till din tebutik eller hemleverans.

Denna handledning förutsätter att du är bekant med grunderna i App Inventor, inklusive att använda Component Designer för att bygga ett användargränssnitt och att använda Block Editor för att ange appens beteende. Om du inte är bekant med grunderna, försök att gå igenom några av de grundläggande självstudierna innan du fortsätter.

Innan vi gjorde denna instruerbara har vi gått igenom så många olika idéer som att vi kommer att göra app för medicinbutik, restaurang, kosmetika, bildelar, böcker osv. Slutligen har vi bestämt oss för att göra en App för tebutik. Namnet på denna app är beslutat att vara "TeaCelebration".

Samma applikation kan användas för alla typer av företag med nästan noll investering. Så låt oss börja.

Steg 1: Insamling av verktyg

Huvudverktyget för att bygga detta projekt är att bekanta sig med MIT APP Inventor, Google Fusion Table, Google Console, Google Play store. Liten kunskap om dessa är tillräcklig, du behöver inte gå in djupt på detta ämne. Men vi har täckt alla nödvändiga steg för att bygga detta projekt på ett enkelt sätt.

Andra saker som krävs innan detta projekt påbörjas är:-

1. Internetanslutning.
2. MIT Inventor -appen installerad i mobilen.
3. Gmail -konto
4. Fusionstabell- A Fusion Table är en Google-tjänst för att stödja insamling, hantering, delning och visualisering av data. Data lagras i Googles moln. All data lagras i en offentlig tabell (eller tabeller) som kan nås via Google Drive och låter olika användare lägga till information i tabellerna.

Steg 2: Skapa skärm för TeaCelebration

TeaCelebration -appen använder flera andra typer av komponenter. Det antas att du har lärt dig hur du använder dessa i tidigare nämnda självstudier. Använd designfönstret för att skapa gränssnittet för TeaCelebration. När den är klar ska designern se ut som den bifogade figuren Screen1.

Jag hoppas att du är bekant med komponenten som används för att göra denna skärm och hur de fungerar. Om du har några problem angående denna skärm, vänligen se figur:- Komponent1 & Komponent2.

Steg 3: Hur man skapar ett servicekonto för fusionstabeller med Google Developers Console

Fusionstabeller är ett bra molnbaserat sätt att lagra data för din App Inventor-app. Innan du kan använda Fusion Tabeller måste du ställa in flera saker.

1. Öppna console.developers.google.com

Klicka på "Skapa nytt projekt" eller välj projektet från rullgardinsmenyn om du redan har ett projekt. Google kommer att be dig om ett projektnamn. Välj ett namn som inte innehåller mellanslag. Här valde vi projektnamnet TeaCelebration. Vilket kan ses i den bifogade figuren.

2. När du har skapat ett projekt klickar du på menyn i det övre vänstra hörnet på utvecklarkonsolen (tre horisontella linjer).

3. klicka på API -chef

4. Om du inte redan tittar på det klickar du på API -hanteraren från utvecklarens konsolmeny.

5. Sök efter "Fusion Tables" i listan över API och klicka på Fusion Tables API

6. Klicka på “Aktivera”

När den är aktiverad ändras knappen och du kommer att uppmana dig att skapa autentiseringsuppgifter. (API: et är endast aktiverat för det valda projektet. Om du bara har ett, inga problem)

7. Klicka på knappen "Gå till referenser" för att fortsätta.

8. Om du kom från knappen "Gå till autentiseringsuppgifter" (7), hittar du meningen som säger "Om du vill kan du hoppa över det här steget och skapa en API -nyckel, klient -ID eller tjänstkonto." Klicka på "servicekonto".

8.1 (Alternativ till 8) Om du inte kom från knappen "Gå till autentiseringsuppgifter" väljer du "Uppgifter" efter att ha valt API -hanteraren i utvecklarkonsolmenyn. Klicka sedan på "New credentials" och sedan "Service account key"

9. Klicka på”Skapa servicekonto”

10. Ge det ett enkelt namn utan mellanslag, som TeaCelebration.

Markera "Aktivera Google Apps domänövergripande delegering" Skriv in ditt produktnamn, vilket är namnet på appen du bygger! Klicka sedan på Skapa. Efter en stund kommer det att rapportera "Servicekonto skapat". Klicka på "stäng"

11. Servicekonto -ID - Du bör nu se en sida med titeln "IAM & Admin" som visar tjänstkonton för ditt projekt. Det ska se ut som nedan, med det nya servicekontot listat och en (lång) e -postadress med titeln "Servicekonto -ID". Du behöver den e -postadressen senare i App Inventor.

Om du behöver återgå till den här IAM- och administratörssidan kan du hitta den genom att gå till utvecklarkonsolen https://console.developers.google.com och välja IAM & Admin från menyn med tre horisontella rader längst upp till vänster. Välj sedan antingen servicekonton eller behörigheter för att se e -postadressen (servicekonto -id).

12. Skaffa din nyckel- Med ett servicekonto nu upprättat kan du få en nyckel att ta med till App Inventor. Från sidan API-hanteringsuppgifter väljer du ditt servicekonto. klicka på "Skapa referenser". Välj att du vill ha en servicekontonyckel. Välj vilket konto du vill ha en nyckel till (du har förmodligen bara en, den som vi just skapade - välj det från rullgardinsmenyn och välj Nyckeltyp: P12. Klicka på "Skapa".

Du kommer omedelbart att ladda ner en ny fil som slutar på.p12. Detta är filen du måste ladda upp till App Inventor. Om den här filen har några mellanslag i namnet, byt namn på filen för att ta bort mellanslag. App Inventor kommer att avvisa filen om den har mellanslag eller konstiga tecken i namnet, så du kan lika gärna kontrollera den nu.

Du får också möjlighet att skapa ett lösenord för nyckeln, med det första lösenordet "notasecret". Du kan lämna detta som det är, om du inte vill skapa ditt servicekonto App Inventor -app.

Oj! Det var en lång process. I slutet av allt detta bör du ha ett servicekonto, tillsammans med ett konto -ID (e -postadress) och en p12 -servicekontonyckel

Steg 4: Hur man skapar tabeller att dela

Du har nu möjlighet att dela Fusion -tabeller. Här diskuterar vi hur du skapar tabeller för att dela.

Öppna Google Drive på drive.google.com

1. "Ansluter" fusionstabeller till enheten

Klicka på "NEW", sedan "More" och sedan "Connect more apps". (Fusionstabeller kan redan finnas tillgängliga i den här menyn, i så fall kan du hoppa över det här steget.)

Sök efter "fusionstabeller" och klicka på "CONNECT" på Fusion Tables -kortet.

2. Skapa en ny tabell

Klicka på "NY" i Drive, välj "Mer" och klicka på "Google Fusion Tables".

Den kommer att fråga dig om du vill importera en befintlig datafil eller börja med en helt tom ny tabell. Valen här är dina, och dina ensamma! Efteråt tar det dig in i ditt nya Fusion -bord.

Hur du ställer in tabellens data och struktur beror på din app.

3. Dela tabellen med servicekonto.

För att App Inventor ska kunna komma åt den här tabellen måste den delas med e -postmeddelandet för tjänstkontot som du skapade. I fusionstabellen klickar du på "Dela" under "Bjud in personer" anger du ditt servicekontos e -post från utvecklarkonsolen (t.ex. myservice …@Developer.gserviceaccount.com) Se till att "Kan redigera" är valt. Avmarkera "meddela människor" (servicekontot är inte en riktig person så det bryr sig inte om meddelandet) Klicka på "OK" och när det står "hoppa över att skicka meddelande?" klicka på "OK". Klicka på "Klar"

Steg 5: Bestäm din fusionstabell URL och tabell -ID

I blockredigeraren ställer du in WebViewer -komponentens HomeURL -egenskap för att peka på tabellens URL. Så här hittar du fusionstabellens URL:

1. I din webbläsare navigerar du till fusionstabellen du just skapade.

2. Gå till menyn och välj Verktyg> Publicera.

3. Du kommer att se ett meddelande som säger: "Den här tabellen är privat och kommer inte att synas".

4. Klicka på den blå länken som säger "Ändra synlighet". I listan över "Vem har åtkomst", klicka på den blå "Ändra …" -länken bredvid "Privat - Endast personer som listas nedan …"

5. Välj "Offentlig på webben" eller "Alla med länken". Endera av dessa inställningar fungerar för den här självstudien. I framtiden bör du bestämma denna inställning baserat på känsligheten hos dina data.

6. Klicka på den gröna knappen Spara och sedan på den blå knappen Klar.

7. Tillbaka på fusionstabellen, gå till menyraden och välj Verktyg> Publicera. Välj webbadressen från den översta textrutan (märkt "Skicka i ett e -postmeddelande eller snabbmeddelande"), kopiera webbadressen och återgå till App Inventor. Du klistrar in webbadressen i definitionsblocket för TABLE_URL.

8. Du hittar tabell -ID genom att bläddra till ditt bord och sedan välja Arkiv> Om den här tabellen i menyn.

Ladda upp din.p12 -nyckelfil

Ladda upp nyckelfilen som du laddade ner från utvecklarkonsolen i designern. Ladda upp den under Media, på samma sätt som du skulle ladda upp en bildfil. Klicka på FusiontablesControl1 -komponenten och hitta egenskapen KeyFile. Klicka där det står "ingen" under KeyFile och välj.p12 -filen du tidigare laddat upp.

Steg 6: Göra block i MIT APP

Öppna blockredigeraren så att du kan programmera appens beteende. Innan du läser det här steget, vänligen se alla bifogade skärmdumpar eftersom jag är säker på att du enkelt kan göra block som visas i skärmdump utan att läsa nedan Procedur.

1. Det är viktigt att utföra några initieringssteg när appen startas. Dessa görs i blocket "Screen1. Initialize". För den här appen måste vi ange de initiala värdena för FusionTable -komponentens servicekontoegendom (inställd på global SERVICE_ACCOUNT_EMAIL) och WebViewer -komponentens HomeURL -egenskap (inställd på global TABLE_URL). Se bifogad skärmdump för bättre förståelse.

2. Ställ in proceduren "resetForm" enligt nedan. Efter registrering av en post återställer denna procedur gränssnittet till ursprungsläget.

3. Listplockblock

I designern anger du valen för te- och mellanmålstyperna genom att fylla i egenskapen "Urval" med kommaseparerade listor. Dessa förprogrammerade val kommer att visas på användargränssnittet så att användaren kan välja sitt te och mellanmål. Deras val lagras i variablerna Tea and Snacks.

4. Infoga data i fusionstabellen

FusiontablesControl -komponenten används för att skicka data till fusionstabellen. Denna åtgärd skapar en ny rad i fusionstabellen som anger värdena för de olika kolumnerna. App Inventor gör det enkelt att göra, men du måste vara försiktig med att infogningsfrågan är korrekt formaterad. Först finns en lista med kolumnnamn, följt av en lista med värden. Ordningen på kolumnnamnen och värdenamnen måste vara i samma ordning så att de stämmer överens. Ett exempel på hur detta kan se ut bifogas. Först konfigurerar du en ny procedur med resultat som tar en sträng som ett argument och returnerar samma sträng omgiven av enstaka citattecken. Förfarandet quotify används i proceduren InsertDataInTable för att placera citattecken runt alla värden i frågan. Det tar också hand om att "slippa" alla enskilda citat eller apostrofer som matas in av användaren. Du kan skicka enstaka apostrofer som en del av ett värde i frågan, så blocket "ersätt alla" lägger till ett extra enda citat. Två enkla citat i rad tolkas som ett enda citat. Figurerna nedan visar hur proceduren görs. Lägg märke till att du måste berätta procedurblocket för att lägga till en parameter. Du gör detta med den blå ikonen som dyker upp i ett litet fönster där du anger hur många objekt du behöver för att fungera som parametrar. I det här fallet behöver du bara en. App Inventor kommer automatiskt att namnge parametern "x" men du kan byta namn på den till "str" genom att klicka på x och skriva direkt i blocket. På samma sätt kan du byta namn på proceduren från "procedur" till "citat" genom att skriva direkt i blocket.

Använd Fusion Table -komponentens InsertRow -block. För att konstruera listan över värden använder vi App Inventors sammanfogningstextblock.

För den här appen måste kolumnnamnen matcha kolumnnamnen i tabellen som vi skapade tidigare. Deras respektive värden är hämtade från procedurens globala variabler. Obs! Om du inte använde dessa exakta ord för tabellens kolumner, var noga med att använda tabellens kolumnnamn när du bygger din fråga.

5. När användaren har angett sitt namn, te -val och kommentarer klickar de på knappen Skicka. Appen testar för att säkerställa att fälten namn, te och mellanmål innehåller värden och uppmanar användaren att försöka igen om något av de nödvändiga svaren saknas. Lägg märke till att blocket jämför texter används (hitta det under Inbyggd palett, Textlåda). Detta block jämför två textsträngar för att se om de är lika. Om all nödvändig information finns, kallas proceduren InsertDataInTable (se bifogad bild).

6. Hantera svaret från tjänsten Fusion Tables

Händelsen FusiontablesControl. GotResult avfyras när appen får ett svar från Googles Fusion Tables -tjänst. För en infogningsfråga returnerar tjänsten rowID för den nya raden som infogades eller ett felmeddelande om något gick fel. I det här enkla exemplet använder vi blocket "innehåller" (hitta det under inbyggd palett, textlåda) för att kontrollera om resultatsträngen har rowID i det. Om så är fallet vet vi att rowID har mottagits, och vi åberopar sedan proceduren WebViewer. GoHome, som laddar om "HomeURL" enligt specifikationen i WebViewer -egenskaperna. Observera att denna uppsättning block också kallar resetFormprocedure. Efter registrering av en post återställs gränssnittet till ursprungsläget.

Du är klar! Packa appen genom att gå till Package for Phone on the Designer. Du kan nu testa appen för TeaCelebration. När du förstår den här självstudien är du redo att göra nya Fusion -tabeller och ändra appen för att samla in olika typer av data från användare.

Steg 7: Ladda upp appen i Google Play Butik

Det är väldigt enkelt att ladda upp appen till Google Play Store. Googla helt enkelt "Så här laddar du upp appen i Google Play Butik" så får du all information från Google själv. Nedan är länken till google:-

support.google.com/googleplay/android-deve…

Bara du behöver ladda upp APK -filen i Play Console.

För att spara APK -filen, gå till Bygg i MIT -appen och välj alternativet "Spara.apk till min dator".

Slutligen efter att ha gjort allt detta är din applikation redo att användas. Om du inte vill ladda upp appen till Google Play Store, dela den helt enkelt med din väns/ kunder etc.

Detta är bara för inlärningssyfte och du har nu så många alternativ att öka, minska, visa dölja fusionstabellen.

Detta instruerbara är mycket unikt. Nu är det upp till dig att använda proceduren. Kommer att träffas i Next Instructable.

Tack för att du läser.