SAPUI5 Local Development and Deployment - Versionsgeschichte

Matt am 27. Januar 2023 um 18:12 Uhr

2023-01-27T18:12:29Z

← Nächstältere Version		Version vom 27. Januar 2023, 20:12 Uhr
Zeile 101:		Zeile 101:

	[[Category:SAP]]		[[Category:SAP]]
			[[Category:JavaScript]]
	[[Category:HANA]]		[[Category:HANA]]

Matt: Matt verschob die Seite Local SAPUI5 Development Environment and Deployment nach SAPUI5 Local Development and Deployment

2021-02-18T09:33:17Z

Matt verschob die Seite Local SAPUI5 Development Environment and Deployment nach SAPUI5 Local Development and Deployment

← Nächstältere Version	Version vom 18. Februar 2021, 11:33 Uhr
(kein Unterschied)

Matt: /* Create and Deploy a Standalone App to a Local Web Server */

2021-01-18T16:12:49Z

Create and Deploy a Standalone App to a Local Web Server

← Nächstältere Version		Version vom 18. Januar 2021, 18:12 Uhr
Zeile 64:		Zeile 64:

	The ''package.json'' needs to be adapted to consume the UI5 tooling for local defelopment. For more details see openSAP course UI52 and exercise: Week 4 Unit 5: Building and Deploying Your App		The ''package.json'' needs to be adapted to consume the UI5 tooling for local defelopment. For more details see openSAP course UI52 and exercise: Week 4 Unit 5: Building and Deploying Your App

			Install dependencies:

			npm install

	Create ui5.yaml file:		Create ui5.yaml file:
Zeile 75:		Zeile 79:
	The ''--all'' option makes sure to also build the dependencies, i.e. themes, or make resources like i18n available.		The ''--all'' option makes sure to also build the dependencies, i.e. themes, or make resources like i18n available.

	The DIST folder can now be deployed to a standalone web server:		The DIST folder can now be deployed to a standalone web server. Therefore install "serve" web server (version 6)

	npm install --global serve@6		npm install --global serve@6

			Start CORS proxy, if needed:

			npm run localproxy

	Go to the UI5 folder of the app and start the server with parameter for the DIST folder:		Go to the UI5 folder of the app and start the server with parameter for the DIST folder:
Zeile 86:		Zeile 94:

	ui5 build self-contained --all		ui5 build self-contained --all
			serve ./dist

	All UI5 modules used in the application will be analyzed, which controls are defined and used in the application and if needed they are all bundled together in the ''sap-ui-custom.js'' file.		All UI5 modules used in the application will be analyzed, which controls are defined and used in the application and if needed they are all bundled together in the ''sap-ui-custom.js'' file.

Matt: Matt verschob die Seite Create Local SAPUI5 Development Environment nach Local SAPUI5 Development Environment and Deployment, ohne dabei eine Weiterleitung anzulegen

2021-01-15T16:11:18Z

Matt verschob die Seite Create Local SAPUI5 Development Environment nach Local SAPUI5 Development Environment and Deployment, ohne dabei eine Weiterleitung anzulegen

← Nächstältere Version	Version vom 15. Januar 2021, 18:11 Uhr
(kein Unterschied)

Matt am 15. Januar 2021 um 16:10 Uhr

2021-01-15T16:10:57Z

← Nächstältere Version		Version vom 15. Januar 2021, 18:10 Uhr
Zeile 1:		Zeile 1:
	This ~~page~~ describes all necessary steps to create development environment in order ~~developt~~ and run SAPUI5 apps locally with the use of remote servers for data retrieval.		This article describes all necessary steps to create a local development environment in order to develop and run SAPUI5 apps locally with the use of remote servers for data retrieval.

			Also it describes how to deploy a developed SAPUI5 app to a local server.

	The following instructions are tested on:		The following instructions are tested on:

Matt: /* Create and Deploy a Standalone App to a Local Web Server */

2021-01-15T16:04:10Z

Create and Deploy a Standalone App to a Local Web Server

← Nächstältere Version		Version vom 15. Januar 2021, 18:04 Uhr
Zeile 71:		Zeile 71:
	ui5 build --all		ui5 build --all

	The ''--all'' option makes sure to also build the dependencies, i.e. themes, i18n.		The ''--all'' option makes sure to also build the dependencies, i.e. themes, or make resources like i18n available.

	The DIST folder can now be deployed to a standalone web server:		The DIST folder can now be deployed to a standalone web server:

Matt am 15. Januar 2021 um 16:00 Uhr

2021-01-15T16:00:19Z

← Nächstältere Version		Version vom 15. Januar 2021, 18:00 Uhr
Zeile 57:		Zeile 57:
	npm run proxy		npm run proxy

	== Create local ui5.yaml ==		== Create and Deploy a Standalone App to a Local Web Server ==

			If a SAPUI5 app is deployed to the local machine, i.e. for testing, a ui5.yaml file will be needed, and probably a CORS proxy server too.

	~~If a SAPUI5 app is deployed~~ to the local ~~machine, i~~.~~e. for testing, a ui5.yaml file will be needed,~~ and ~~probably a CORS proxy server too.~~		The ''package.json'' needs to be adapted to consume the UI5 tooling for local defelopment. For more details see openSAP course UI52 and exercise: Week 4 Unit 5: Building and Deploying Your App

	Create ui5.yaml file:		Create ui5.yaml file:
Zeile 65:		Zeile 67:
	ui5 init		ui5 init

	~~== Create and Deploy~~ a ~~Standalone App to a Local~~ Web ~~Server ==~~		Generate a preload bundle in the DIST folder just like the build process in the SAP Web IDE:

	ui5 build --all		ui5 build --all

	~~This generates a preload bundle in the DIST folder just like the build process in the SAP Web IDE.~~

	The ''--all'' option makes sure to also build the dependencies, i.e. themes, i18n.		The ''--all'' option makes sure to also build the dependencies, i.e. themes, i18n.
Zeile 85:		Zeile 85:
	ui5 build self-contained --all		ui5 build self-contained --all

	All UI5 modules used in the application will be analyzed, which controls are defined and used in the application and if needed they are all bundled together.		All UI5 modules used in the application will be analyzed, which controls are defined and used in the application and if needed they are all bundled together in the ''sap-ui-custom.js'' file.

	See also openSAP course UI52 and exercise: Week 4 Unit 5: Building and Deploying Your App		See also openSAP course UI52 and exercise: Week 4 Unit 5: Building and Deploying Your App

Matt: /* Create a Standalone App */

2021-01-15T15:47:31Z

Create a Standalone App

← Nächstältere Version		Version vom 15. Januar 2021, 17:47 Uhr
Zeile 65:		Zeile 65:
	ui5 init		ui5 init

	== Create a Standalone App ==		== Create and Deploy a Standalone App to a Local Web Server ==

	ui5 build --all		ui5 build --all

	This generates a preload bundle in the DIST folder just like the build process in the SAP Web IDE.		This generates a preload bundle in the DIST folder just like the build process in the SAP Web IDE.

			The ''--all'' option makes sure to also build the dependencies, i.e. themes, i18n.

			The DIST folder can now be deployed to a standalone web server:

			npm install --global serve@6

			Go to the UI5 folder of the app and start the server with parameter for the DIST folder:

			serve ./dist

			Generate self containted build:

			ui5 build self-contained --all

			All UI5 modules used in the application will be analyzed, which controls are defined and used in the application and if needed they are all bundled together.

			See also openSAP course UI52 and exercise: Week 4 Unit 5: Building and Deploying Your App

	[[Category:SAP]]		[[Category:SAP]]
	[[Category:HANA]]		[[Category:HANA]]

Matt am 15. Januar 2021 um 15:26 Uhr

2021-01-15T15:26:03Z

← Nächstältere Version		Version vom 15. Januar 2021, 17:26 Uhr
Zeile 65:		Zeile 65:
	ui5 init		ui5 init

			== Create a Standalone App ==

			ui5 build --all

			This generates a preload bundle in the DIST folder just like the build process in the SAP Web IDE.

	[[Category:SAP]]		[[Category:SAP]]
	[[Category:HANA]]		[[Category:HANA]]

Matt am 15. Januar 2021 um 15:24 Uhr

2021-01-15T15:24:32Z

← Nächstältere Version		Version vom 15. Januar 2021, 17:24 Uhr
Zeile 56:		Zeile 56:

	npm run proxy		npm run proxy

			== Create local ui5.yaml ==

			If a SAPUI5 app is deployed to the local machine, i.e. for testing, a ui5.yaml file will be needed, and probably a CORS proxy server too.

			Create ui5.yaml file:

			ui5 init


	[[Category:SAP]]		[[Category:SAP]]
	[[Category:HANA]]		[[Category:HANA]]