How to add multiple connection string per tenant from UI - Angular #3098

7 Answer(s)

• 

  0

  maliming created 2 years ago

  Support Team Fullstack Developer

  api/saas/tenants/3a03440a-5d0e-e4e2-4fa5-c40c2671b8fe/apply-database-migrations

  saas\src\Volo.Saas.Host.Application\Volo\Saas\Host\TenantAppService.cs

  Will I be able to override the above service ?

  Yes. Volo.Saas.Host.TenantAppService

  How do I add multiple connection string ( i,e, per module ) from UI i.e. Saas Tenant screen where we create a Tenant and give the connection string. My project have 3 custom module, So I have 1 database for Admin/Abp/IdentityServer and other 3 for 3 different modules

  If the default UI does not support it, you need to implement it yourself. Custom the app service and Angular UI

  Save Cancel
• 

  0

  lalitChougule created 2 years ago

  Hi **@maliming **

  How do I Custom the app service and Angular UI I need few details : Angular

  • Component I need to override
  • How do I add field or list of connection string to DTO

  Service level

  • Which method in TenantAppService I need to override as none of the method in TenantAppService is with name ApplyDatabaseMigrations
  • How do I add extra properties for modules connection strings in abp's DTO

  Save Cancel
• 

  0

  maliming created 2 years ago

  Support Team Fullstack Developer

  I suggest you download the source code of the saas module for analysis.

  If your change too much, you can add the source code of saas to your project.

  https://docs.abp.io/en/abp/latest/UI/Angular/Component-Replacement

  Save Cancel
• 

  0

  kaustubh.kale@ness.com created 2 years ago

  

  In above image i want show 2 more connectiong string in highlighted line.

  When we are creating new tenant we need to add 2 connection string fields Like in above images

  above part how can we achieve and which components services need to override or replace?

  Save Cancel
• 

  0

  maliming created 2 years ago

  Support Team Fullstack Developer

  Our Angular team will get back to you.

  Save Cancel
• 

  0

  alper created 2 years ago

  Support Team Director

  I reopened this ticket and deleted your other duplicate ticket.

  Save Cancel
• 

  0

  muhammedaltug created 2 years ago

  Hello

  You need to replace TenantsComponent and TenantService.

  You can replace TenantComponent with the following code

  import {Component} from '@angular/core';
  import {ReplaceableComponentsService} from "@abp/ng.core";
  import {eSaasComponents} from "@volo/abp.ng.saas";
  
  @Component({
  /* Component Metadata */
  })
  export class AppComponent {
    constructor(private replaceableComponentsService: ReplaceableComponentsService) {
      replaceableComponentsService.add({
        key: eSaasComponents.Tenants,
        component: YOUR_COMPONENT
      });
    }
  }
  

  And you can replace TenantService with the following code

  //app.module.ts
  
  import {NgModule} from '@angular/core';
  import {MyTenantService} from "./my-tenant.service";
  import {TenantService} from "@volo/abp.ng.saas";
  
  @NgModule({
    declarations: [
    //declarations
    ],
    imports: [
      // imports
    ],
    providers: [
      // other providers
      {
        provide: TenantService,
        useClass: MyTenantService
      }
    ]
  })
  export class AppModule {}
  

  Also, you can replace only the ConnectionStringsComponent in version 4.4 and abp supports multiple connection strings in version 4.4

  If you upgrade your version to 4.4 you can replace ConnectionStringsComponent with the following code

  import {Component} from '@angular/core';
  import {ReplaceableComponentsService} from "@abp/ng.core";
  import {eSaasComponents} from "@volo/abp.ng.saas";
  
  @Component({
  /* Component Metadata */
  })
  export class AppComponent {
    constructor(private replaceableComponentsService: ReplaceableComponentsService) {
      replaceableComponentsService.add({
        key: eSaasComponents.ConnectionStrings,
        component: YOUR_COMPONENT
      });
    }
  }
  

  Save Cancel