AWS Versterken Maakt het Bouwen van Mobiele Apps Eenvoudig

0
166

AWS Versterken is een kader ontworpen om het bouwen van web en native applicaties een stuk eenvoudiger. Het richt zich op het hebben van een volledig gebouwd backend uit de doos met een API en de database met verificatie is allemaal voor u afgehandeld.

Wat Is AWS Versterken?

Versterken neemt niet de plaats in van een kader willen Reageren—je bent vrij om te gebruiken wat frontend u wilt (hoewel Reageren, Reageren Native-Vue, Android en iOS zijn het best ondersteund met specifieke bibliotheken). Versterken zal bezighouden met de backend, dingen zoals het uitvoeren van een API-server, beheer van de database, en de authenticatie van klanten.

Wanneer u een project Versterken, de backend middelen zal worden geleverd met behulp van automatisch CloudFormation. Bij het toevoegen van een API, zult u gevraagd worden om het definiëren van het schema, en een DynamoDB tafel wordt voor u gemaakt, met de handler methoden voor het abonneren, opvragen en bijwerken van items die worden gegenereerd als goed. Als u wilt wikkel een derde-partij-staat het management tool als Redux rond het Versterken van de backend, kunt u dat eveneens doen.

Voor verificatie, Versterken kan worden aangesloten op Amazon Cognito, een veelzijdige identiteit management service. Cognito kan omgaan MFA gebruiker aanmelden en inschrijven, directory services, en federeren aanmeldingen sociale aanbieders (Google, Facebook), of zelfs uw eigen Active Directory-server via SAML.

Versterken bevat ook een UI-bibliotheek vol met nuttige componenten, vergelijkbaar met Bootstrap. Echter, het Versterken van de UI-bibliotheek is gericht op functionele stromen, zoals de gebruiker zich aanmelden en inloggen, bestanden en foto ‘ s uploaden, en AWS Lex-aangedreven chatbots. Met behulp van de verificatie-component, bijvoorbeeld, maken het aansluiten van uw app in het Versterken van de auth backend (Cognito) veel gemakkelijker.

U kunt natuurlijk ook uitbreiden met uw eigen code en kleuren, als je geen fan van AWS iconische oranje.

Aan De Slag

Als u wilt hop in en spelen rond met Versterken, de installatie is vrij eenvoudig. Installeer het Versterken CLI wereldwijd van npm:

npm installeren -g @aws-versterken/cli

Voor de feitelijke toepassing, zullen we bootstrap een basic Reageren app met Reageren de eigen maken-reageren-app-starter sjabloon:

npx maken-reageren-app versterken

cd naar deze nieuwe map en installeer Versterken als een npm-afhankelijkheid:

npm installeren @aws-versterken/api @aws-versterken/pubsub

Uitvoeren van npm start, en je ziet het spinnen Reageren logo openen in uw browser.

Als u gebruik wilt maken van het Versterken van de optionele UI-bibliotheek, die beschikbaar is als een apart pakket voor Reageren:

npm installeren aws-versterken-reageren

Zodra alles is geïnstalleerd, de kant van de client, kunt u uw Versterken project met behulp van de CLI:

versterken init

Dit zal u vragen om een beetje informatie, zoals de naam van het milieu (dev, prod, enz.), het type van de toepassing waarnaar u gebouw (JavaScript, Reageren Native), en het bron-en configuratie bouwen. Voer in alles als het nodig is, en zo zal een tweede voor het instellen van uw back-end.

Dit zal haak Versterken om de AWS-Console, maar je moet wat meer doen setup om de API-up en running.

Het toevoegen van Een API

Instellen Versterken van de backend API, voer je uit:

versterken toevoegen api

Dit zal je een paar vragen, de eerste is uw API-type. Als u gebruik wilt maken van een GraphQL of Rest-API, moet u de keuze maken hier. We gaan met GraphQL.

Je kunt ook kiezen voor een authenticatie—als je gewoon testen dingen uit, u kunt kiezen API-sleutel voor authenticatie in ontwikkeling. In productie maar, zult u waarschijnlijk wilt instellen AWS Cognito voor het beheer van de gebruikers en de koppeling te Versterken, dat is de aanbevolen auth regeling voor het Versterken van apps.

U zult worden gevraagd om het definiëren van het schema voor uw API, die wordt geopend in uw standaard tekst-editor. Versterken zal dit gebruiken om te configureren DynamoDB.

Als dat eenmaal is ingesteld, voert versterken druk op verzenden om de wijzigingen in de cloud. Versterken zal u vragen of u wilt voor het maken van de GraphQL functies voor interactie met uw API, waardoor het automatisch genereren van de methoden voor query ‘ s, abonnementen en mutaties.

De eerste keer dat u op een DynamoDB tabel zal worden geleverd en automatisch geconfigureerd. U kunt de tabel zelf van het Versterken van de console:

Maar als u wijzigingen wilt aanbrengen in het schema, je moet dat doen via de console. Versterken van de backend configuratie wordt opgeslagen in:

project/versterken/backend/

met de API-configuratie wordt opgeslagen in api/versterken. Als u wijzigingen aanbrengt, en voer versterken duw nogmaals, het maakt aanpassingen om de CloudFormation stapel.

Om het gebruik van uw API, kunt u deze importeren PubSub van Versterken, en te configureren voor het gebruik van de configuratie die Versterken geplaatst in src/aws-exports.js

import API, { graphqlOperation } van ‘@aws-versterken/api’;
importeren PubSub van ‘@aws-versterken/pubsub’;

importeren awsconfig uit ‘./aws-uitvoer’;

// Configureren Versterken
API.configureren(awsconfig);
PubSub.configureren(awsconfig);

U kunt dan gebruik maken van de API object om verbindingen te maken. Bijvoorbeeld, als u GraphQL, kunt u het importeren van de mutatie methoden en bel een van hen met behulp van de API.graphql(methode):

importeren { createTodo } uit ‘./graphql/mutaties’;

asynchrone functie createNewTodo() {
const todo = { naam: “new item” , description: “Hallo Versterken!” };
wachten API.graphql(graphqlOperation(createTodo, { input: todo }));
}

Het Publiceren Van Uw Versterken App

U bent vrij om het verspreiden van uw Versterken app maar je past, maar als je het publiceren van een web app, Versterken het bevat een aantal ingebouwde functies om automatisch implementeren van uw app naar S3. De standaard optie is voor een dev omgeving met geen HTTPS, maar het kan worden geconfigureerd voor het gebruik van CloudFront ook. Een alternatief zou zijn om het opzetten van een geautomatiseerde S3 implementatie pijpleiding van CodePipeline, of om gewoon te hosten op een bestaande web server in plaats daarvan.

Als u wilt distribueren naar S3, voegt u de web hosting functie van de CLI:

versterken toevoegen hosting

Dit zal vragen of je de implementatie voor dev of producten, en vragen voor de index en fout documenten voor uw site. Als dat eenmaal is geconfigureerd, voert versterken publiceren om een nieuwe CloudFormation stapel.

Uw browser opent een nieuw eindpunt voor uw app, die u kunt toevoegen aan uw DNS-met een CNAME-record of een Route 53 emmer Alias.