Setup Local development

In order to make changes to the app and using features like live reloading, follow these steps.

  1. Prepare app locally and start Angular development server
  2. Change edition in DNN
    1. Login to the DNN as a superuser (e.g. host)
    2. Navigate to the page where the app is placed. Above the app, you should see buttons to change the edition.
    3. Click the local button (this stores a cookie which tells the app to load Angular files from localhost; all other visitors will continue to see the live version)
  3. Your app should now be served from the local development server
  4. Make any change locally in /ng/src/. The DNN page will automatically reload.

Publishing local changes

To publish your app to either live or staging edition, follow these steps:

  • Change the publish path of your application
    • Open your local app folder and open ng/package.json
    • Change the node config/publish_path to the app path in DNN like 
      \\\\your-server-name\\DNN\\Portals\\0\\2sxc\\Template-Angular8
      note: you must escape the backslash characters on Windows
  • In a terminal, navigate to the (local) ng folder
  • Run npm run publish-staging or npm run publish-live respectively to publish your application to DNN.