Month: March 2021

Android- och iOS-plattformarna har möjlighet att köpa i appar. Den här bloggen är till för att hjälpa våra läsare att förstå köpmöjligheterna i appen för Android/iOS-telefoner. React Native i appen kan ge de grundläggande funktioner som behövs. Men den ensam kan inte stödja utvecklingen av din mobilapp. Det är därför du behöver implementera köp i appen. När du implementerar köp i appen i mobilappen är det två sidor involverade, nämligen klientsidan och serversidan. Vilka processer är involverade i React Native i appen? Så här… 

En sammanfattning av React Native-processen i appen:

• Produkten skapas i Play Butik/App-konsol med ett unikt produkt-ID
• Med hjälp av produkt-ID skapas produktprenumerationsdetaljer
• Abonnemangsdetaljer (som planbelopp, prenumerationsperiod etc. ) kommer att visas på appsidan med hjälp av react-native-iap-paketet.
• Plan som valts av användaren uppdateras i app- och Play-butikernas användning av react-native-iap-paketet.
• Prenumerationsflödet slutförs som en funktion i App/Play-butiker
• Efter betalning är appen bekräftad och användaren är autentiserad.
• Användaren bör göra de nödvändiga uppdateringarna på servern.
• Användaren ska uppdatera det genererade prenumerations-ID:t från kvittot på servern.
• Efter att ha gjort uppdateringarna på servern, görs motsvarande uppdateringar på appsidan också.
• Efter att ha slutfört prenumerationsflöde kan användaren använda sig av de prenumererade funktionerna i appen.
• Vid avslutad prenumeration görs App/Play Store uppsägning vid behov och ett meddelande skickas till servern. Om prenumerationen sägs upp behöver den uppdateras även på appsidan.
• Abonnemanget tecknas automatiskt på nytt efter prenumerationsperioden i automatisk förnyelse. OBS: iOS har tidigare inköpskvitton lagrade i systemet och därför är förnyelse problemfri till skillnad från Android.

Skapa produkt för köp i appen

Dina köp i appen måste ha produkter som prenumerationer som kan presenteras för appanvändarna. Så det är viktigt att du skapar en eller flera produkter via dina konton i App Store Connect för iOS och Google Play Store-konsolen för Android.

Implementeringen av köp i appen i din applikation görs med följande steg:

• Konfigurera köp i appen i Google Play-konsolen/App Store Connect
• React Native-biblioteket i appen i React Native

KonfigureraKonfigurera köp i appen för iOS:

• Logga in på iOS-kontot.
• Fyll i kontrakt för betalda applikationer från länken som finns i “Avtal, skatter och banktjänster”
• Klicka på “Appar” i “Mina appar” i App Store-kontot för att lista din app
• Klicka på “Funktioner” så kommer du landa sedan på “In-app Purchases”-sektionen
• Välj in-app-köpprodukten med “+”-knappen
• Välj “Non-Consumable” typ och välj Skapa
• Välj priset som motsvarar det specifika köpet genom att ange App Store-information 
• Ange köpets recension information och klicka på “Spara”
• I appens kontrollpanel, gå till avsnittet “Handel”
• Kopiera klistra in ditt produkt-ID från App Store Anslut till iOS-produkt-ID-fältet och klicka på knappen “Lägg till” för att spara

Konfigurera köp i appen för Android:

• Logga in till ditt Google-konto
• Välj t “Inställningar” från den vänstra menyn
• Aktivera ditt handlarkonto från den här sidan
• Skaffa licens/faktureringsnyckel från ditt Google-utvecklarkonto
• Välj “Alla applikationer” och välj appen som du ska tillämpa köpet i appen för att
• välja “Tjänster och API:er” under “Utvecklingsverktyg”
• Kopiera licensnyckeln till avsnittet “Din licensnyckel för den här applikationen”
• Ladda upp licensnyckeln till “Handel”-avsnittet på din app kontrollpanel och klicka på “Applista”
•  Välj “Produkter i appen” från menyn under fliken’
• ‘ButiksnärvaroSe till att ‘Managed Products’ är vald och klicka på ‘Create Managed Products’
• Ange produkt-ID, titel och beskrivning och ställ sedan in status som ‘Aktiv’
• Ställ in ‘Pris’ och klicka på ‘Spara’
• För att lägga till produkt-ID till din appkontrollpanel, klicka på “Commerce” från den vänstra menyn
• Kopiera klistra in ditt produkt-ID från Google Developer-kontot i fältet Google Play Produkt-ID och klicka på “Lägg till”

Konfigurera React Native-biblioteket i appen i React Native:

Inköp i appen för både Andr oid och iOS-plattformar, det finns ett React Native-modulbibliotek. Detta görs för att få erfarenhet mellan de två plattformarna. Genom att köra lämpliga kommandon i projektterminalen för att installera React Native i appen. 

I iOS installerar utvecklare poddar för att slutföra länkningen. När köpet för In-app är klart bör koddelen i React Native kontrolleras. För detta bör vi först importera React Native In-app och definiera produktens lagerhållningsenhet (SKU) separat för Android och iOS. Sedan behöver produktprenumerationerna även definieras separat för Android och iOS. Efter detta kan du fortsätta och hämta dina köpprodukter i appen med hjälp av lämpliga kommandon.

Testa köp i appen

Funktionaliteten för köp i appen i appen måste testas. Detta görs genom provköp av produkten av vilken användare som helst. 

I iOS används sandlådetestare för testning. Välj “Sandbox Tester” under “Användare och roller” i iTunes. Lägg till en ny användare med några grundläggande detaljer som testare. Med de angivna uppgifterna kan vilken produkt som helst köpas utan att betala pengar på iOS. Nu kan testaren testa funktionen för köpet i appen i iOS-appen.

I Android läggs testare till på följande sätt: I Play Butiks konsol, öppna “Inställningar” och klicka på fliken “Kontodetaljer”. Välj “Licenstestning” under den och ange e-post-ID för användaren som ska läggas till som testare. Detta testarkonto som skapats kan nu användas för att testa köp i appen. För att testa köp i appen, se till att Android-versionen måste vara i releaseläge eftersom den inte kan testas i debug-versionen.

Vilka är fördelarna med React Native för mobilappsutveckling?

• Pengar och tid sparas på grund av dess Android- och iOS-kompatibilitet 
• Förbättrad prestanda i hybridteknologier över plattformar 
• Större flexibilitet att uppdatera och uppgradera
• Flyttbar till andra ramverk 
• Kodändringar kan ses direkt. 
• Snabbare uppdateringspublicering för appar
• Befintlig app kan utökas utan att skriva om appen

Slutsats:

Webdura har alltid haft en positiv erfarenhet av React Native. Vi tror att det är det bästa ramverket för utveckling av mobilappar. Lyringo, språkinlärningsappen som Webdura utvecklade görs med React Native-ramverket. Vi garanterar att detta ramverk är ett mycket kostnadseffektivt sätt och hjälper till att halvera kostnaderna för mobilutveckling. Detta snabba applikationsramverk har gjort våra mobilappar pålitliga, snabba och skalbara. React Native har stöttat olika andra utvecklingsprojekt för mobilappar i Webdura.

Våra kunder har också delat positiv feedback med oss ​​för React Native-baserade huvudappar som utvecklats. När det gäller vårt supportteam är stödet som krävs för att underhålla apparna som utvecklats i React Native-ramverket mycket mindre. Så vad vi antyder här är att det finns all anledning att säga ja till React Native mobilutveckling!

När du använder en produkt är det första du tänker på kvalitet. Kvaliteten går inte att kompromissa med och USP för alla företag och tillverkare är kvaliteten på deras produkter. Webdura har också olika QA-verktyg och tekniker för att säkerställa kvalitet i mjukvaruutveckling som garanterar slutanvändarnas tillfredsställelse. 

På Webdura, när en applikation väl har utvecklats, säkerställer vårt team att applikationen testas med hänvisning till en mängd aspekter genom att utföra kvalitetssäkringsmetoder. Vi gör QA med slutmålet användarnöjdhet och smarta produkter. Vårt QA-team tar initiativ och tänker i användarens perspektiv och ser hur kvaliteten kan förbättras för varje produkt. 

Vad är kvalitetssäkring?

Kvalitetssäkring är processen att kontrollera och testa en produkt innan den släpps till marknaden eller slutanvändaren. Detta kommer att säkerställa att produkten är fri från defekter och problem och att den är redo att rulla.

QA-strategier: Processen för kvalitetssäkring

QA har olika komponenter och QA-strategin på Webdura utförs enligt bilden nedan:

• Kravanalys:

            Analysera kraven och definiera omfattningen 

• Testplanering:

            Skapa testplandokument och definiera testfallen med spårbarhetsmatris

• Test. Design:

            Hur testfallen kommer att utföras- Manuell eller Automation och testscenarier

• Miljöinställning:

            Setup Dev, QA för intressenter att testa och verifiera testfallen.

• Testexekvering:

            Exekvera testfallen manuellt och genom automatisering vid behov. 

• Teststängning:

             Godkänt alla testfall och logga ut från QA

Vi utför testning i flera faser. Det börjar med att utvecklare testar programvaran eller källkoderna som skapats. Det kallas enhetstestningsfasen. Under enhetstestning säkerställer våra utvecklare att funktionaliteten eller funktionen som utvecklas överensstämmer med kraven och fungerar som förväntat. Vid denna tidpunkt om det finns ett behov av förändring i design, framkallar vi det. När det är gjort distribueras koden för peer review. Kodgranskningen görs av kamraten eller ledaren som verifierar koden för att bedöma om den är skriven enligt kraven och kodningsstandarderna. 

När peer review är gjord distribuerar utvecklaren koden i QA-miljön för testaren (QA) för att verifiera applikationen. 

Vår QA kommer att vara redo med testdesign, testfall och testdata för att börja verifiera funktionaliteten eller den utvecklade funktionen. Vår QA antar rollen som en produktägare som fångar och är fullt medveten om applikationens slut till slut och UI-flöde. Det kommer att finnas en checklista eller testdatadokument att markera och bekräfta på testfallen och bekräftas som godkänd eller underkänd. Efter QA-testning kommer testaren att ge den procentandel av kvalitet som applikationen fungerar på. 

När QA börjar testa säkerställer vi att applikationen fungerar i linje med kraven. QA kommer att verifiera varje funktionalitet, UI-komponenter, innehåll och integrationspunkter. Testaren kommer att ta upp och informera utvecklingsteamet om det finns några defekter under testningen. QA kommer att inkludera både happy flow och negativa testfall i testdesignen. Kvaliteten på en produkt beror på skickligheten hos QA som testar applikationen. 

För oss spelar QA en stor roll för att säkerställa kvalitet och beredskap hos den utvecklade produkten. Produkten kan endast släppas om QA loggar ut och UAT är klar. Under felsökningen upptäcker och rensar vår QA logiska och analytiska fel upptäckta. De identifierade buggarna under testning spåras i ett buggspårningssystem. På Webdura spårar vår QA buggen som upptäckts i Jiras instrumentpanel.                                   

Vilka är de olika typerna av testning?

Webdura har olika teststrategier för olika projekt. Till exempel görs alfabeta-tester för matleveransappen “Eat It In”. När det gäller vår onlinespelningsplattform – Trova- funktionalitet, UI, prestanda och säkerhetstestning görs. Eftersom det är en e-handelsplattform finns det vissa säkerhetsbegränsningar då vi har mindre kontroll över tredje part i plattformen. Men vårt team gör allt för att hålla appen testad och minimera buggar.

Det finns ett antal testnivåer och olika typer av Software Testing inkluderar:

• Enhetstestning
• Integration testning 
• regressionstestning
• Smoke testning
• användarnas acceptans Test
• Business testa
• prestandatester
• enhetstestning

Unit Testing

Enhetstestning sker främst av programmeraren att kontrollera om slingan, metod eller Funktionen fungerar bra baserat på en enskild enhet eller en grupp av sammanhängande enheter.

I vår onlinespelningsplattform Trova hade Webdura ofta uppdaterat nya funktioner. Dessa nya funktioner läggs till produkten när och när kunder efterfrågar eller enligt de senaste uppdateringarna som krävs för programvaran. Under denna tid utför våra utvecklare enhetstester för redan befintliga funktioner såväl som nyligen inducerade funktioner för att säkerställa att funktionerna fungerar perfekt synkroniserade. Genom positiv testning säkerställer QA dubbelt att funktionerna fungerar utan några brister.

• Integrationstestning

Vårt team kontrollerar och bekräftar om den angivna integrationsförfrågan är korrekt och att svaret är komplett. API:erna kommer att skrivas och konfigureras korrekt. Integrationstestning är mycket viktigt och vår QA kontrollerar om begäran och svaret är korrekt och flödet är framgångsrikt genomfört.

I Wuyers, matappen, var tredjepartsintegration för att göra betalningar med banken involverad och vi gjorde integrationstestning för att kontrollera känsligheten hos denna funktion. Vi säkerställer att testningen startar från en punkt och slutar i ett annat system utan att därigenom säkerställa att det inte finns några luckor.

• Regressionstestning

När en ny modul, funktion och en förbättring läggs till i en befintlig programvara bör regressionstestning göras. Detta görs främst för att säkerställa att ändringar i programvaran inte påverkar komponenternas korrekta funktion.

Trova har daglig funktionsuppdatering och i processen ser vår QA till att undvika att buggar upprepas med hjälp av regressionstestning..

• Smoke Testing

Detta är en provkörning för att kontrollera om det inte finns några större defekter och blockerare i applikationen som är planerad för en release.

• User Acceptance Testing (UAT)

UAT görs innan den släpps av affärsanalytikern/produktägaren med QA för att säkerställa att alla krav täcks och kontrolleras. UAT görs av användaren. Språkinlärningsappen Lyringo tar in kundnöjdhet vid varje enskild tidpunkt och problem löses med omedelbar verkan.

• Prestandatestning

Denna testning görs för att veta hastigheten och tiden det tar att slutföra ett flöde baserat på belastningen som ges till applikationen. Prestandatestning görs för att mäta applikationens effektivitet och vi gör det med JMeter.

• Business Testing

End to End-testning utförd av Business för att säkerställa att alla förväntningar uppfylls och i linje med kraven för att släppa till Market.

Manuell testning

Manuell testning är en typ av mjukvarutestning där testfall utförs manuellt av testaren ur en slutanvändares perspektiv. QA skriver ett script och kontrollerar om funktionen fungerar. Om det finns en bugg kommer skriptet inte att läsas.

Olika typer av manuell testning

• röktest
• Cross webbläsare
• acceptanstesttestning
• Användartester
• Device testar

Automation testning

Automation testning är en annan typ av programvara testning där testfall är automatiserade med hjälp av en automatiseringsverktyg. Det blir ingen mänsklig störning och mindre interaktion med systemet eftersom verktyget kommer att automatisera testfallen för att uppnå högre hastighet och effektivitet. Automatiseringstest görs efter att ha säkerställt att funktionerna, knapparna, funktionerna är stabila.

Fördelar med automationstestning

• Minska testansträngning och tid
• Bättre kvalitetsmjukvara
• Högre testtäckning för stora testfall
• Eliminera mänskliga fel
• Bättre insikter
• Återanvändbarhet av testsviter
• Ger användbarhet till appar

Verktyg som används för automationstestning är främst Selenium, Cyprees för funktionstestning och Appium som görs med Postman .  Selenium är ett webbaserat testverktyg med öppen källkod som tillhandahåller ett portabelt testramverk för webbapplikationer. Det automatiserar webbläsare för att automatisera webbapplikationer för testning. 

Appium är ett automationsverktyg med öppen källkod som främst används för testning av mobilappar. Det hjälper till med automatisering av inbyggda, hybrid- och mobila webbappar byggda i både iOS och Android. Genom en simulator och emulator, och plugins, bedöms applikationsprestanda i olika miljöer.

Slutsats:

Webdura har olika teststrategier för olika projekt. Att genomföra olika typer av tester och kvalitetssäkra oss är mycket viktigt för oss. Användarnöjdhet genom att göra intelligenta programvaror är det yttersta målet för våra logiska tester och snabba buggfixar. Webdura har en flexibel QA-praxis och tar in feedback vid varje klientkontroll. Webdura-projekt är baserade på agil metodik och därför har QA en viktig roll att spela. 

Du startar ett projekt och du har nått vår blogg för att du sökte på Node JS. Vi antar att du vill veta om Node JS kan tillämpas för ditt projekt eller inte?! Med en ren majoritet av applikationer som distribuerar JavaScript-miljöer, kan vi ge dig många skäl till varför du bör gå för Node JS-implementering i din organisation.

Vad är Node JS? 

Node JS är ett plattformsoberoende programmeringsspråk med öppen källkod. Det körs på V8 JavaScript, vilket gör kärnan i Google Chrome utanför webbläsaren. Denna speciella funktion lägger till sin snabba byggbarhet och skapar skalbara nätverksapplikationer som anger parametrarna för dess kärnprestandaområden.

Node JS fungerar på händelsestyrda asynkrona input-output-modeller – detta gör den lämplig för att utveckla dataintensiva applikationer som kan köras över en mängd enheter i realtid. Den kan stödja flera anslutningar utan krav på ett stort minnesspår.

På Webdura slår vi samman Node JS med andra ramverk för applikationsutveckling och inga projekt körs på egen hand på Node JS.

Vad är användningen av Node JS?

Det kan vara förvånande när vi säger att NodeJS inte bara är begränsat till att bygga webbapplikationer, utan också kan användas för implementering av olika tjänster som:

• Frontends
• Backends och servrar
• API-utveckling
• Automation och scripting 

Node JS Architecture

Inom IT-branschen kommer du att stöter på olika serverspråk och ramverk som Java, Spring, Ruby, Rails, Python och Flask. Men Node JS skiljer sig i två sammanhang:

• Utvecklare kan använda samma språk för webbapplikationsutveckling samt stödtjänster eftersom den har funktionen av fristående JavaScript.
• Den fungerar utmärkt som IO-intensiva uppgifter som HTTP-förfrågningar och interaktion med filsystemobjekt 

I båda ovanstående sammanhang kan Node JS köra JavaScript utanför webbläsaren. I fristående JavaScript görs på ett snabbt och skalbart sätt. Node JS kan exekvera JavaScript-kod utanför webbläsaren med hjälp av en JavaScript-motor med öppen källkod och ytterligare utforska prestandakapaciteten hos Node JS för att snabbt hantera stora mängder IO-uppgifter med hjälp av händelseloopar.

Hur Node JS tillämpas för Webdura-projekt?

Webdura inkorporerade Meteor, ett Node JS-baserat ramverk för alla våra projekt, nämligen Wuyers, Curl IQ, Trova och M-App. Anpassningsförmågan hos Meteor i Node JS är det som ledde till själva genomförandet av dessa projekt i Node JS-inställningen. Ta en titt på hur Node JS hjälper våra projekt att få en smidig landningsbana…

• Node JS i artificiell intelligens (AI)

Webdura har ett AI-projekt som heter Curl IQ. Curl IQ har sin målgrupp som sträcker sig från individer till modebranscher. Den har ett AI-gränssnitt där användarna kan prova olika frisyrer.

De jämförelsevis mindre minnesfootprints och snabba starttiden för Node JS har varit fördelaktiga för Curl IQ. Dess AI-modell bearbetar bilderna och data skickas till fjärrservrar. Vi kunde också undvika problem med datasekretess genom att köra modellen lokalt på klienten, vilket i sin tur höjde applikationens interaktiva nivåer.

• Node JS i sociala medier:

                                                  Trova

Trova är en spelningsplattform online med egenskaperna hos en social medieplattform. Det är en Meteor-centrerad webbaserad applikation. Wbedura kunde bygga skalbara och anpassningsbara segment för nyhetsflöden och aktivitetsloggar i Trova-appen. Node JS:s asynkrona karaktär har i hög grad förbättrat Trovas prestanda. Vi kunde se att appen kunde få avsevärd hastighetsökning tillsammans med lägre minnesanvändning.

• Node JS i Food Delivery Application

Wuyers och Eatitin är iOS/Android-matleveransapplikationer utvecklade av Webdura. Backend-applikationen för Wuyers och Eatitin är byggd på Node JS. Vårt team börjar med att installera Node JS-ramverket och en stackoverflow-tråd som kommer att få oss igång med Node JS-plattformen för Wuyers och Eatitin på nolltid.

                                                     Wuyers

Med hjälp av Node JS kunde vi lägga till många funktioner till Wuyers-appen. Sökmöjligheter, informationsspårning, leveransinformationshantering, beställd matbeskrivning, övervakning av kundinformation och transaktioner, resurshantering av matvarudata, integration av betalningsregister etc.

• Node JS i marknadsföringsapplikationer

Webdura utvecklade en skräddarsydd webbaserad marknadsföringsapplikation som heter M-App för våra kunder. Det är en enda plattform där källan leder och olika kommunikationskanaler (chatt, PPC, samtal, WhatsApp etc.) är integrerade för bättre transparens och snabba affärsbeslut avseende våra kunders marknadsföringsparametrar.

                                                     M-App

• Node JS i Learning-appen

Lyringo är en språkinlärningsapp som har en videoströmningsplattform. Videor visades med undertexter tillsammans med innebörden. Dessa undertexter kommer att vara på det språk som användaren föredrar att lära sig. Node JS användes för projektet för att skicka videoinnehållet till frontend i bitar. Och ja, vi hade en bra produkt i handen!

                                                    Lyringo

Vad är Node JS Frameworks?

Applikationsutveckling kräver ett specifikt ramverk för att stödja specifika användningsfall i utvecklingsprocessen. I Node JS finns det 3 stora ramverk nämligen:

• FeatherJS: Detta ramverk stödde att skapa realtidsapplikationer och REST API:er med JavaScript eller TypeScript.
• KoaJS: AS-ramverk för webbapplikationer och API:er som hjälper till att minska återuppringningar och förbättra felhanteringen
• HapiJS: Hjälper till att göra serversidan mer kraftfull för Node JS-applikationer
• Representational State Transfer (REST) ​​API: Detta ramverk erbjuder olika arkitekturstilar för nätverksapplikationer som hjälper till att bygga applikationer snabbare.

Vilka är fördelarna med Node JS?

• Skalbarheten förblir intakt oavsett hur många tillägg som görs till enstaka noder, vilket förbättrar prestandan
• Enkel inlärning för nybörjare och Node JS underlättar introduktionen av det i backend som bara kommer att kräva mindre tidsåtgång
• Full stack JavaScript kan användas på både klienten och applikationer på serversidan. Så det finns inget behov av att anställa frontend- och backend-utvecklare
• Stark communitybas som arbetar kontinuerligt med att utveckla och förbättra funktionerna
• Starkt supportteam som kan utöka sitt stöd för vanliga verktyg och tekniker
• Cachning av enstaka moduler är möjligt med Node JS. När det finns en begäran om modul, kommer den att cachelagras i applikationsminnet
• Enkeltrådad fungerande
• Utökningsfördelar baserat på kraven, vilket gör anpassning möjlig

Slutsats:

Node JS är fördelaktigt för utvecklare i det faktum att den kan distribueras för både frontend- och backendservrar .Webdura har logiskt tillämpat Node JS för diverse projekt och vi är nöjda med resultaten. Node JS har fallgropar och sweet spots som alla andra programmeringsspråk, men hur väl du använder de sweet spots för att uppnå dina projektleveranser avgör framgångsfaktorn för att implementera Node JS i din organisation.