Benvenuto su AWS Amplify Hosting

AWS Amplifyè un set di strumenti e funzionalità appositamente progettati che consente agli sviluppatori web e mobili di frontend di creare rapidamente e facilmente applicazioni complete su. AWS 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 per l'utente fornisce le informazioni necessarie per iniziare con Amplify Hosting.

Funzionalità di Amplify Hosting

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

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

• Connect l'applicazione a un dominio personalizzato. Vedi, configura domini personalizzati.

• Distribuisci e ospita app Web SSR. Amplify Hosting rileva automaticamente le applicazioni create utilizzando il framework Next.js.

  Amplify supporta anche qualsiasi framework SSR basato su Javascript con un build adapter open source che trasforma l'output di build di un'applicazione nella struttura di directory prevista da Amplify Hosting. È disponibile un adattatore per distribuire un'applicazione Nuxt su Amplify.

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

• Migliora la qualità delle tue app con test end-to-end. Vedi, end-to-end test.

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

• Imposta riscritture e reindirizzamenti per mantenere il posizionamento SEO e indirizzare il traffico in base ai requisiti dell'app client. Vedi, utilizzo dei reindirizzamenti.

• 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.

Iniziare con Amplify Hosting

Per iniziare con le funzionalità di hosting di Amplify, consulta il tutorial. Guida introduttiva al codice esistente 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 full-stack.

Amplify Studio

Puoi accedere ad Amplify Studio dalla AWS Amplify console in. AWS 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 l'interfaccia utente di frontend con un set di componenti dell' ready-to-use interfaccia utente, creare un backend per l'app e quindi connettere i due. Consulta la guida per l'utente di Amplify Studio nei documenti di Amplify.

Funzionalità di Amplify Studio

• 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 di facile comprensione.

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

• Funziona con l'interfaccia CLI (Command Line Interface) 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 saranno anche in grado di accedere alla CLI di Amplify con la propria e-mail.

• Gestione dei contenuti con supporto per 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 dell'app.

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

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

Guida introduttiva ad Amplify Studio

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

Con un AWS account, hai accesso a un set esteso di funzionalità di Studio per la gestione dell'ambiente di backend e al visual designer per la creazione di componenti dell'interfaccia utente frontend che puoi connettere al backend dell'app. Per ulteriori informazioni, consulta Guida introduttiva nei documenti di Amplify.

Applicazioni web SPA moderne

Questa guida per l'utente è destinata ai clienti che hanno una conoscenza di base delle moderne applicazioni web a pagina singola (SPA). Le applicazioni Web moderne sono costruite come SPA che raggruppano tutti i componenti dell'applicazione in file statici. Le architetture web client-server tradizionali hanno portato a esperienze scadenti; ogni clic o ricerca richiedeva un viaggio di andata e ritorno al server, per poi ripetere il rendering dell'intera applicazione. Le app Web moderne offrono un'esperienza utente simile a quella di un'app nativa, in quanto forniscono il frontend, o interfaccia utente, in modo efficiente ai browser sotto forma di JavaScript 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, ad esempio database, servizi di autenticazione, codice di frontend in esecuzione nel browser e logiche aziendali o funzioni di backend eseguite nel cloud. AWS Lambda Ciò rende le implementazioni delle applicazioni complesse e dispendiose in termini di tempo, in quanto gli sviluppatori devono coordinare attentamente le implementazioni tra frontend e backend per evitare implementazioni parziali o fallite. Amplify semplify semplifica l'implementazione del frontend e del backend in un unico flusso di lavoro.