title: How to run "ng serve" command in Kudu Console to make Azure serve my Angular website
body: <p>I've created a webpage and when I execute </p>
  
  <blockquote>
    <p>ng serve</p>
  </blockquote>
  
  <p>I get to browse to the index page at <em>localhost:4200</em>. Then, I created a new app service in Azure and accessed Kudu Console cloning the page from BitBucket. It seems I was successful installing Angular CLI tools because I can transpile to <em>dist</em> by </p>
  
  <blockquote>
    <p>ng build
    but when I run the service command, I get stuck.</p>
  </blockquote>
  
  <p>The command window says that webpack compiled successfully but when I browse to my site at <em>whatever.azurewebsites.net</em>, I only get the error stating that </p>
  
  <blockquote>
    <p>You do not have permission to view this directory or page</p>
  </blockquote>
  
  <p>which, of course, is weird since I'm serving the application. If I suffix the URL by <em>/src</em>, I get to see the contents of the static <em>index.html</em> file but that poses two problems: (a) it's not in the production file but the repository version (not wise to distribute the code openly, perhaps, and Webpack's serving doesn't create a physical junk at all) and (b) it doesn't render the Angular application (the tag <em>app-root</em> is still an empty <em>app-root</em> and <strong>this</strong> is the actual problem, of course).</p>
  
  <p>Googling for a few hours produced a lot info but all of it aims at CI and automation. At this point, I was to do the things manually to gain full control and understanding, though. Depending on how well I've diagnosed the issue, one of the following questions should be the one. At the moment I'm a bit confused. Please have patience if I'm asking in a moronic way.</p>
  
  <ul>
  <li>How should I be exposing the page?</li>
  <li>Do I serve it properly? </li>
  <li>What URL should I enter to access my page?</li>
  </ul>