Benvenuto suAWS Amplify Hosting

AWS Amplifyè un insieme di strumenti e funzionalità appositamente studiati che consentono agli sviluppatori front-end di applicazioni mobili e web di creare in modo rapido e semplice applicazioni full-stack suAWS. Amplify fornisce due servizi: Amplify Hosting e Amplify Studio. Amplify Hosting fornisce un flusso di lavoro basato su git per l'hosting di app web full-stack serverless con distribuzione continua. Questa guida utente fornisce informazioni necessarie per iniziare a utilizzare Amplify.

Funzionalità di Amplify

• Amplify Hosting supporta i framework SPA comuni, ad esempio React, Angular, Vue.js, Ionic ed Ember, nonché generatori di siti statici come Gatsby, Eleventy VuePress, Hugo e Jekyll.

• Gestisci gli ambienti di produzione e staging per frontend e backend collegando nuove filiali. Vedi, presenta implementazioni nelle filiali.

• Connect la tua applicazione a un dominio personalizzato. Vedi, configura domini personalizzati.

• Implementa e ospita app Web SSR create utilizzando il framework Next.js.

• Visualizza in anteprima le modifiche durante le revisioni del codice impostando le anteprime delle pull request.

• Migliora la qualità della tua app con test completi. Vedi, end-to-end test.

• Proteggere con password l'app Web in modo da poter sviluppare nuove funzionalità senza renderle accessibili pubblicamente. Vedi, limitazione dell'accesso.

• Imposta riscritture e reindirizzamenti per mantenere le classifiche SEO e indirizzare il traffico in base ai requisiti dell'app del cliente. Vedi, usando i reindirizzamenti.

• Le invalidazioni istantanee della cache assicurano che l'app venga aggiornata istantaneamente a ogni commit di codice.

• Le implementazioni Atomic eliminano le finestre di manutenzione assicurando che l'app Web venga aggiornata solo al termine dell'intera distribuzione. In questo modo si eliminano gli scenari in cui i file non vengono aggiornati correttamente.

• Ottieni schermate della tua app renderizzate su diversi dispositivi mobili per identificare i problemi di layout.

Nozioni di Amplify

Per iniziare con le funzionalità di hosting di Amplify, consulta ilNozioni di base sul codice tutorial. Dopo aver completato il tutorial, sarai in grado di connettere il tuo repository git (GitHub GitLab, BitBucket Cloud eAWS CodeCommit) per configurare la distribuzione continua. In alternativa, puoi iniziare con uno degli esempi di distribuzione continua completi.

Amplify

Puoi accedere ad Amplify Studio dallaAWS Amplify console inAWS Management Console. Amplify Studio è un ambiente di sviluppo visivo che semplifica la creazione di app web e mobili scalabili e full-stack. Usa Studio per creare la tua interfaccia utente front-end con un insieme di componenti dell' ready-to-use interfaccia utente, creare un back-end app e connetterli quindi insieme. Consulta la guida per l'utente di Amplify Studio nei documenti di Amplify.

Funzionalità di Amplify

• La modellazione visiva dei dati ti consente di concentrarti sugli oggetti specifici del dominio anziché sull'infrastruttura cloud.

• Configura l'autenticazione per la tua app.

• Autorizzazione potente e facile da capire.

• nfrastructure-as-code Configura tutte le funzionalità di backend conAWS CloudFormation.

• Funziona riga di comando di Amplify. Tutti gli aggiornamenti apportati in Studio possono essere inseriti nella CLI.

• Invita gli utenti via e-mail a configurare e gestire il backend. Questi utenti potranno anche accedere alla CLI di Amplify con la propria e-mail.

• Gestione dei contenuti con supporto per il markdown.

• Gestisci utenti e gruppi per la tua app.

• Usa il visual designer di Studio per creare componenti dell'interfaccia utente frontend. Scegli tra dozzine di design nella libreria di componenti dell'interfaccia utente predefinita.

• Importa i prototipi Figma creati dai designer in Studio come codice React.

• Personalizza l'interfaccia utente del frontend con temi per applicare stili globali ai componenti della tua app.

• Configura e testa i componenti dell'interfaccia utente direttamente in Studio per vedere come aggiornano e visualizzano i dati.

• Associa il tuo backend connesso al cloud all'interfaccia utente del frontend in pochi semplici passaggi.

Nozioni di Amplify Studio

Non è necessario unAWS account per iniziare a utilizzare Studio per creare un backend. Senza unAWS account, puoi iniziare a modellare i dati per il tuo backend a livello locale.

Con unAWS account, hai accesso a una serie estesa di funzionalità di Studio per la gestione del tuo ambiente di backend e al visual designer per creare componenti dell'interfaccia utente frontend che puoi connettere al backend della tua app. Per ulteriori informazioni, consulta Guida introduttiva nei documenti di Amplify.

Moderne applicazioni Web SPA

Questa guida per l'utente è destinata ai clienti che hanno una conoscenza di base delle moderne applicazioni Web a pagina singola (SPA). Le moderne applicazioni Web sono costruite come SPA che impacchettano tutti i componenti dell'applicazione in file statici. Le tradizionali architetture web client-server hanno portato a esperienze scadenti; ogni clic su un pulsante o ogni ricerca richiedeva un ritorno al server, con conseguente rerendering dell'intera applicazione. Le moderne app Web offrono un'esperienza utente simile a un'app nativa fornendo il frontend dell'app, o interfaccia utente, in modo efficiente ai browser comeJavaScript file HTML/predefiniti che possono quindi richiamare la funzionalità di backend senza ricaricare la pagina.

Le funzionalità di un'applicazione Web moderna sono spesso distribuite in più luoghi, come database, servizi di autenticazione, codice di frontend in esecuzione nel browser e logica oAWS Lambda funzioni aziendali di backend in esecuzione nel cloud. Ciò rende le implementazioni delle applicazioni complesse e dispendiose in termini di tempo poiché gli sviluppatori devono coordinare attentamente le distribuzioni tra frontend e backend per evitare distribuzioni parziali o fallite. Amplify semplifica l'implementazione del frontend e del backend in un unico flusso di lavoro.