Angular 2+外部包与主应用通信：如何访问主应用服务？

好问题！这其实是Angular中跨模块（尤其是外部npm包模块）共享服务的常见场景，完全是合理的需求——这绝对不是错误的实现思路，关键是要用对Angular的依赖注入机制来实现解耦式的通信。

下面是具体的最佳方案和示例：

1. 推荐方案：使用InjectionToken + 抽象接口解耦 #

外部包不能直接依赖主应用的具体服务类（否则会导致包与主应用强耦合，后续主应用修改服务时外部包会直接报错），正确的做法是通过抽象接口定义契约，用InjectionToken作为注入标识，让主应用提供具体实现。

步骤1：在外部包中定义抽象契约和注入令牌 #

// 外部包 auth.module.ts
import { InjectionToken, ModuleWithProviders, NgModule } from '@angular/core';

// 定义抽象日志服务接口，约定外部包需要的日志能力
export interface ILoggerService {
  log(message: string): void;
  error(message: string): void;
}

// 创建注入令牌，作为外部包获取日志服务的标识
export const LOGGER_SERVICE = new InjectionToken<ILoggerService>('LOGGER_SERVICE');

@NgModule({})
export class AuthModule {
  // 提供静态forRoot方法，让主应用配置模块时传入日志服务的提供者
  static forRoot(loggerProvider: { provide: typeof LOGGER_SERVICE; useExisting: any }): ModuleWithProviders<AuthModule> {
    return {
      ngModule: AuthModule,
      providers: [loggerProvider]
    };
  }
}

步骤2：外部包中通过令牌注入服务 #

// 外部包 auth.service.ts
import { Inject, Injectable } from '@angular/core';
import { LOGGER_SERVICE, ILoggerService } from './auth.module';

@Injectable()
export class AuthService {
  constructor(@Inject(LOGGER_SERVICE) private logger: ILoggerService) {}

  login(username: string, password: string): void {
    // 使用主应用的日志服务记录操作
    this.logger.log(`用户 ${username} 发起登录请求`);
    
    try {
      // 模拟登录逻辑
      // ...
      this.logger.log(`用户 ${username} 登录成功`);
    } catch (err) {
      this.logger.error(`用户 ${username} 登录失败: ${err.message}`);
    }
  }
}

步骤3：主应用中配置外部包并提供日志服务 #

// 主应用 app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AuthModule, LOGGER_SERVICE } from 'your-external-auth-package'; // 引入外部包
import { LoggerService } from './services/logger.service'; // 主应用的日志服务
import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    // 配置AuthModule，传入主应用的LoggerService作为实现
    AuthModule.forRoot({
      provide: LOGGER_SERVICE,
      useExisting: LoggerService
    })
  ],
  providers: [LoggerService], // 主应用提供日志服务
  bootstrap: [AppComponent]
})
export class AppModule {}

这种方式的核心优势是解耦：外部包只依赖抽象接口，不关心主应用的具体服务实现，主应用可以灵活替换日志服务（比如换成第三方日志库），只要符合接口契约即可。

2. 不推荐的方案：直接注入主应用服务 #

如果主应用的LoggerService是全局提供的（比如用providedIn: 'root'），理论上外部包可以直接注入这个服务，但这种方式存在严重问题：

• 强耦合：外部包直接依赖主应用的具体服务类，一旦主应用修改服务名称、方法签名，外部包会直接崩溃
• 打包风险：可能导致服务被重复打包，引发运行时错误

所以除非是非常特殊的场景，否则不建议这么做。

为什么这不是错误思路？ #

外部包需要复用主应用的基础设施服务（日志、弹窗、国际化等）是完全合理的需求——这能让外部包的行为和主应用保持一致，避免出现风格或功能不一致的问题。只要通过抽象解耦的方式实现，就完全符合Angular的模块化设计理念。

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