fix token substitution error

Author: mithunshanbhag

.github/workflows/contoso-traders-app-deployment.yml

@@ -225,9 +225,10 @@ jobs:
     steps:
       - name: checkout code
         uses: actions/checkout@v3
-      - name: npm install
-        run: npm install
-        working-directory: src/ContosoTraders.Ui.Website
+      - name: azure login
+        uses: azure/login@v1
+        with:
+          creds: ${{ secrets.SERVICEPRINCIPAL }}
       - name: get carts api endpoint
         uses: azure/CLI@v1
         id: get-cartsApiEndpoint
@@ -241,19 +242,18 @@ jobs:
       - name: substitute tokens in ui configuration
         uses: cschleiden/replace-tokens@v1.2
         with:
-          tokenPrefix: "{"
-          tokenSuffix: "}"
+          tokenPrefix: "{{"
+          tokenSuffix: "}}"
           files: ./src/ContosoTraders.Ui.Website/src/services/configService.js
         env:
           CARTS_API_ENDPOINT: ${{ steps.get-cartsApiEndpoint.outputs.cartsApiEndpoint }}
           PRODUCTS_API_ENDPOINT: ${{ steps.get-productsApiEndpoint.outputs.productsApiEndpoint }}
+      - name: npm install
+        run: npm install
+        working-directory: src/ContosoTraders.Ui.Website
       - name: npm run build
         run: npm run build
         working-directory: src/ContosoTraders.Ui.Website
-      - name: azure login
-        uses: azure/login@v1
-        with:
-          creds: ${{ secrets.SERVICEPRINCIPAL }}
       - name: deploy to storage
         uses: azure/CLI@v1
         with:

src/ContosoTraders.Ui.Website/src/services/configService.js

@@ -4,8 +4,8 @@ require("dotenv").config();
 const settingsUrl = "/api/settings";
 
 // Note: The '{PRODUCTS_API_ENDPOINT}', '{CARTS_API_ENDPOINT}' tokens will be substituted by github workflow.
-const APIUrl = 'https://{PRODUCTS_API_ENDPOINT}/v1';
-const APIUrlShoppingCart = 'https://{CARTS_API_ENDPOINT}/v1';
+const APIUrl = 'https://{{PRODUCTS_API_ENDPOINT}}/v1';
+const APIUrlShoppingCart = 'https://{{CARTS_API_ENDPOINT}}/v1';
 const UseB2C = '';//process.env.REACT_APP_USEB2C;
 const B2cAuthority = "https://login.microsoftonline.com/common";//process.env.REACT_APP_B2CAUTHORITY;
 const B2cClientId =  "9db8d08a-d9b6-4e4c-8b46-a3898f985735";//process.env.REACT_APP_B2CCLIENTID;