title: How do I create a second Angular App inside Angular project, in ABP.IO and make IdentityServer work?
body: <p><strong>ABP Framework version</strong>: v4.3.0</p>
  <p><strong>User Interface</strong>: Angular v11.2.11</p>
  <p><strong>Database provider</strong>: EF Core</p>
  <p>How do I create a second Angular App inside Angular project, in a way that allows me to consume the same C# proxy, and also use the same IdentityServer?</p>
  <p><strong>What I've tried so far</strong>:</p>
  <ul>
  <li>Made the second app via angular command <code>ng generate application exampleApp</code> and started moving dependencies from ABP Angular project app.module.</li>
  <li>The second app runs on port <code>4300</code> so <code>http://localhost:4300</code> was added to <code>CorsOrigins</code> in <code>appsettings</code></li>
  <li>Under appsettings in DbMigrator project and under IdentityServer:Clients added the following:</li>
  </ul>
  <pre><code>&quot;exampleApp&quot;: {
      &quot;ClientId&quot;: &quot;exampleApp&quot;,
      &quot;ClientSecret&quot;: &quot;1q2w3e*&quot;,
      &quot;RootUrl&quot;: &quot;http://localhost:4300&quot;
  }
  </code></pre>
  <ul>
  <li>In the exampleApp environment.ts the following was added:</li>
  </ul>
  <pre><code>const baseUrl = 'http://localhost:4300';
  
  export const environment = {
    production: false,
    application: {
      baseUrl,
      name: 'exampleApp',
      logoUrl: '',
    },
    oAuthConfig: {
      issuer: 'https://localhost:44350', 
      redirectUri: baseUrl,
      clientId: 'exampleApp',
      responseType: 'code',
      scope: 'offline_access exampleApp'
    },
    apis: {
      default: {
        url: 'https://localhost:44350',
        rootNamespace: 'AB.XYZ',
      },
    },
  } as Environment;
  </code></pre>
  <p>When I serve exampleApp on port <code>4300</code> then try to login it redirects me to the primary app on port <code>4200</code>.</p>
  <p>Could you please provide me with guidance?</p>