Skip to content

Latest commit

 

History

History
93 lines (67 loc) · 3.16 KB

Webapp.rst

File metadata and controls

93 lines (67 loc) · 3.16 KB
Raw

Deploy the Cat Tracker web application

To deploy the index-cat-tracker-web-app to Azure, complete the following steps:

  1. Clone the project and install the dependencies
  2. Configure the web application
  3. Deploy the web application
  4. Register a new user

Before starting, navigate to the working directory ~/nrf-asset-tracker.

Configure the web application

Configure the IDs of your Azure resources

The web application requires the IDs of the Azure resources that were created during the setup of the stack. Run the following command in the cat-tracker-web-app directory to copy the output to the .env.local file:

cd ../azure
node cli react-config > ../cat-tracker-web-app/.env.local
cd ../cat-tracker-web-app

Example for the .env.local file

Following is an example for the contents of the .env.local file:

REACT_APP_CLOUD_FLAVOUR=Azure
REACT_APP_AZURE_B2C_TENANT=nrfassettrackerprodusers
REACT_APP_AZURE_CLIENT_ID=fa8d9edc-3a85-455b-bcc4-f7389764184b
REACT_APP_AZURE_API_ENDPOINT=https://nrfassettrackerprodapi.azurewebsites.net/
REACT_APP_VERSION=v8.6.50

Deploy the web application

To build and deploy the web application to the Storage Account created while setting up the nRF Asset Tracker in your Azure account, run the following commands:

cd ../azure
export PUBLIC_URL=`az storage account show -g ${RESOURCE_GROUP:-nrfassettracker} -n ${STORAGE_ACCOUNT_NAME:-nrfassettracker} --query 'primaryEndpoints.web' --output tsv | tr -d '\n'`
export APP_STORAGE_CONNECTION_STRING=`az storage account show-connection-string --name ${STORAGE_ACCOUNT_NAME:-nrfassettracker} --query 'connectionString'`
cd ../cat-tracker-web-app
npm run build
az storage blob service-properties update \
   --connection-string ${APP_STORAGE_CONNECTION_STRING} \
   --account-name ${STORAGE_ACCOUNT_NAME} \
   --static-website \
   --404-document index.html \
   --index-document index.html
az storage blob upload-batch \
   --connection-string ${APP_STORAGE_CONNECTION_STRING} \
   --account-name ${STORAGE_ACCOUNT_NAME} \
   -s ./build -d '$web'
echo "Done. Now open $PUBLIC_URL to view the web app."

After running the above commands, you can open the domain name printed in APP_URL in your browser to view the web application.

Register a new user

Since there are no predefined user accounts in the B2C Active Directory, you need to register a new user.

Register a new user

Register a new user