Deploy static content to Azure CDN Profile for WaveMaker Apps
The frontend code of any WaveMaker application can be configured to deploy onto a CDN. This improves the end user experience of the WaveMaker application because of dramatic gains made in the page load times. In this document, you will learn how to setup the deployment of WaveMaker frontend artifacts to CDN. While the instructions here deal with AZURE, similar steps can be followed to deploy onto CDNs provided by any other cloud infrastructure providers.
- Create Storage Account
- Create Storage Containers
- Create Azure CDN profile
- WaveMaker App Build Process for CDN support
Create Storage Account
- For a CDN profile users need to create a Storage account or can use an existing one for store static content.at create resource search for the storage account and provide project details and resource groups.
- At the networking section select connectivity method and .routing preference
- In the data protection method select data recovery and tracking methods.
- In the advanced section select blob access and security options, next provide tags for the storage account and review the details and create a storage account.
Create Storage Containers
Navigate to the storage account in the Azure portal and at the left menu for the storage account, scroll to the Blob service section, then select Containers.
Select the + Container button and provide name and at the public access level select
Blob(anonymous read access for blobs only.Enable CORS If the web application is loaded in one domain and the frontend code in the Azure storage container is loaded with a different CDN domain.In the Azure storage account select CORS under settings to enable.
Create Azure CDN profile
- select Create a resource (on the upper left),Search for CDN and select CDN Profile, then select + Add for create.
- Provide name,select subscription , resource and pricing tier and select create.
- On the CDN profile page, select + Endpoint for create a CDN endpoint.
- Next provide name , select origin type as storage and select a previously created container for origin hostname. Provide origin host header and click Add .
- Note down the endpoint hostname to provide to maven command for integration
example endpoint hostname
https://wavemaker-app-cdn-integration.azureedge.net
Build and Deploy static Content to Azure Storage Container
- Check Build Process Maven Build Process to Support CDN Deploy
mvn clean install -Pdeployment -Dcdn-url= https://wavemaker-app-cdn-integration.azureedge.net/my_app>/1234/
- upload unzipped ui-artifatcs.zip files to AZURE storage container
az storage blob upload-batch -s <my-static-content-folder>/ -d <storage_container_name> --account-name <storage_account_name>