Angular中如何在项目与类库之间共享服务？

要让类库能调用主项目中的MasterApiService，按以下步骤操作：

1. 确保类库能访问API服务的类型 #

首先，主项目的MasterApiService需要能被类库导入。你可以：

• 将MasterApiService放在主项目的公共目录下（比如src/app/shared/services）
• 在类库的tsconfig.json中配置路径别名，指向主项目的对应目录：

{
  "compilerOptions": {
    "paths": {
      "@main-project/services/*": ["../path/to/main-project/src/app/shared/services/*"]
    }
  }
}

2. 在类库服务中注入API服务 #

修改类库的SharedLibraryService，直接在构造函数中注入MasterApiService：

import { Injectable } from '@angular/core';
import { MasterApiService } from '@main-project/services/master-api.service'; // 替换为实际导入路径

@Injectable({
  providedIn: 'root'
})
export class SharedLibraryService {

  // 注入主项目的API服务实例
  constructor(private masterApiService: MasterApiService) {}

  // 示例：封装调用API的方法
  async getEntityById(tableName: string, entityId: string | number) {
    try {
      return await this.masterApiService.getById(tableName, entityId);
    } catch (error) {
      // 处理错误逻辑
      console.error('获取数据失败:', error);
      throw error;
    }
  }
}

3. 关键配置注意事项 #

• 由于MasterApiService使用providedIn: 'root'，Angular会在应用中维护其单例实例，类库中注入的是同一个实例。
• 如果主项目的environment配置不想暴露给类库，可以用注入令牌重构API服务，避免类库依赖主项目环境变量：
  主项目中定义令牌并提供值：

  import { HttpClient, InjectionToken } from '@angular/common/http';
  import { environment } from '../environments/environment';
  
  // 定义注入令牌
  export const API_BASE_URL = new InjectionToken<string>('API_BASE_URL');
  
  @Injectable({
    providedIn: 'root',
    providers: [
      { provide: API_BASE_URL, useValue: environment.apiUrl }
    ]
  })
  export class MasterApiService {
    constructor(
      public http: HttpClient,
      @Inject(API_BASE_URL) private apiBaseUrl: string
    ) {}
  
    getById(tbl: string, id: string | number) {
      return this.http.get(`${this.apiBaseUrl}/getById/${tbl}/${id}`).toPromise();
    }
  }
  

  这样类库只需要导入MasterApiService和API_BASE_URL，无需依赖主项目的environment。
• 若类库需要发布，需在类库的package.json中将主项目相关依赖声明为peerDependencies，避免重复打包：

  {
    "peerDependencies": {
      "@angular/common": "^16.0.0",
      "@angular/core": "^16.0.0",
      "@main-project/services": "^1.0.0"
    }
  }
  

内容的提问来源于stack exchange，提问作者Yovans