SAP UI5 - Kit di sviluppo

Il kit di sviluppo SAP UI5 per HTML5 fornisce un ambiente per lo sviluppo di applicazioni basate sul Web e fornisce un'applicazione con un'unica esperienza utente coerente. Le app Web sviluppate con SAP UI5 sono reattive su browser e dispositivi e possono essere eseguite su smartphone, tablet e desktop.

I controlli dell'interfaccia utente si adattano automaticamente alle capacità di ogni dispositivo.

Puoi utilizzare SAP UI5 sulle seguenti piattaforme:

  • SAP HANA
  • Piattaforma cloud SAP HANA
  • SAP NetWeaver per SAP NetWeaver 7.4 o versioni successive
  • Componente aggiuntivo dell'interfaccia utente per SAP NetWeaver per SAP NetWeaver Application Server 7.3x

È possibile distribuire l'applicazione sul server che include l'archiviazione delle librerie e l'acquisizione di dati dal database. È possibile utilizzare il server di applicazioni NetWeaver o la piattaforma HANA Cloud per la distribuzione delle applicazioni e un'applicazione aziendale può accedere ai dati utilizzando il modello OData utilizzando il gateway. Dai un'occhiata alla seguente illustrazione.

Quando un utente invia una richiesta client dal suo cellulare / laptop, viene inviata una richiesta al server per caricare l'applicazione in un browser, si accede ai dati tramite database e si accede alle relative librerie.

Per creare un'applicazione UI5, puoi scaricare gli strumenti per sviluppatori SAP UI5 di Eclipse. Una volta scaricato, puoi decomprimere il file e distribuirlo sul server web. Per ABAP, è possibile installare un componente aggiuntivo dell'interfaccia utente per SAP NetWeaver e questo include anche UI5 ​​Theme Designer.

Prerequisiti per SAP UI5

Per installare e aggiornare il toolkit di sviluppo UI5 per HTML5, devi soddisfare i seguenti prerequisiti:

Piattaforma Eclipse Marte (4,5)
Sistema operativo Sistema operativo Windows (XP, Vista, 7 o 8 / 8.1)
Java Runtime JRE versione 1.6 o successiva, 32 bit o 64 bit
SAP GUI

Rilevante solo durante l'installazione del SAP UI5 ABAP Repository Team Provider

  • Per sistema operativo Windows: GUI SAP per Windows 7.30 / 7.40
Microsoft

Rilevante solo durante l'installazione del SAP UI5 ABAP Repository Team Provider

Per sistema operativo Windows: sono necessarie le DLL VS2010 per la comunicazione con il sistema back-end

Nota: installa la variante x86 o x64, in base alla tua installazione di Eclipse a 32 o 64 bit

Procediamo ora e discutiamo su come installare SAP UI5 Development Kit nel tuo sistema.

Step 1 - Per installare JDK, vai su Oracle.com e cerca la versione JDK richiesta.

Step 2- Scarica ed esegui l'installazione. Riceverai un messaggio come mostrato nello screenshot seguente.

Step 3- Per installare Eclipse, vai su www.Eclipse.org/downloads

Step 4 - Estrai il file come mostrato nello screenshot seguente.

Step 5 - Per eseguire l'installazione, vai alla cartella estratta ed esegui il file dell'applicazione come mostrato nello screenshot seguente.

Step 6 - Per installare gli strumenti SAPUI5, vai su Eclipse → Guida → Installa nuovo software.

Puoi installare direttamente utilizzando l'URL o inserendo il percorso del kit demo UI5.

Step 7 - Successivamente, inserisci l'URL nella finestra di dialogo di installazione https://tools.hana.ondemand.com/mars

Step 8- Per vedere le funzionalità disponibili. Premere il tasto INVIO. È possibile selezionare le funzionalità e fare clic su Avanti. Verrà visualizzato l'elenco delle funzionalità da installare → Fare clic su Avanti.

Step 9 - Accetta il contratto di licenza e fai clic su Fine per avviare l'installazione.

Step 10 - Scarica il kit di sviluppo dell'interfaccia utente per HTML 5 dal seguente link -

http://scn.sap.com/community/developer-center/front-end ed estrai il contenuto nella stessa cartella.

Step 11- Avvia l'ambiente Eclipse. Vai a Aiuto → Installa nuovo software.

Step 12 - Fare clic su Aggiungi → Locale.

Step 13 - Successivamente, vai alla posizione del sito di aggiornamento locale e seleziona la cartella del sito di aggiornamento degli strumenti con la cartella in cui hai estratto il toolkit di sviluppo HTML5 come origine degli aggiornamenti.

Step 14 - Seleziona tutti i plugin e le funzionalità per l'installazione.

Step 15 - Selezionare la finestra di dialogo "Contatta tutti i siti di aggiornamento" durante l'installazione per trovare il software richiesto.

Step 16- Fare clic sul pulsante Fine per completare la configurazione. Riavvia Eclipse.

Step 17 - È possibile verificare l'installazione creando un nuovo progetto applicativo SAPUI5 tramite il menu Eclipse File → New→ Altro in basso. Seleziona la cartella SAP UI5 Application Development ed espandi per creare un nuovo progetto.

Step 18 - Inserisci il nome del progetto, seleziona la libreria e puoi selezionare la casella per creare una vista iniziale.

Step 19- Crea una vista utilizzando un codice di esempio nel progetto. Immettere il nome della visualizzazione e fare clic sul pulsante Avanti.

Step 20- Seleziona il paradigma di sviluppo e clicca su Fine. Vedrai un nuovo progetto di sviluppo SAPUI5 in una nuova finestra come mostrato nello screenshot seguente.

Ora, per presentare la tua applicazione o eseguirla in produzione, puoi distribuire la tua applicazione SAPUI5 sul server Tomcat. Se non hai uno strumento come MAVEN, puoi utilizzare l'opzione di esportazione per esportare il progetto manualmente. Fare clic con il tasto destro su Progetto → Esporta.

Step 21 - Immettere il percorso di destinazione in cui si desidera posizionare il file war file.

Quindi, copia il file war nella directory webapps del tuo apache tomcat. Puoi accedere alla tua applicazione andando in questo percorso:http://localhost:8080/<tua_app> /

Note - In uno scenario normale, molti progetti SAP vengono eseguiti in Internet Explorer, ma per lo sviluppo SAPUI5 si consiglia di utilizzare Google Chrome o Firefox con il plug-in firebug poiché entrambi i sistemi consentono l'uso di strumenti e plug-in per eseguire il debug di JavaScript, nonché di utilizzare HTML e CSS .