如何为Angular CLI配置ChromeDriver二进制文件的替代CDN

你遇到的问题核心是webdriver-manager没有读取到.npmrc里配置的chromedriver_cdnurl参数，依然默认请求谷歌的官方CDN。下面给你几个实用的解决办法：

方法1：修改package.json的e2e脚本，手动指定CDN地址 #

直接在执行ng e2e前先执行带CDN参数的webdriver-manager update命令，确保驱动从内部CDN下载。修改你的package.json里的e2e脚本：

"scripts": {
  "e2e": "webdriver-manager update --cdnurl=http://my-internal-cdn/chromedriver/ && ng e2e --proxy-config proxy.conf.json"
}

之后执行npm run e2e时，会先从指定CDN更新ChromeDriver，再启动e2e测试流程。

方法2：在Protractor配置文件中配置webdriver-manager参数 #

打开项目里的protractor.conf.js，找到beforeLaunch钩子函数，在这里手动调用webdriver-manager的更新逻辑并传入CDN地址：

const { WebdriverManager } = require('webdriver-manager');

exports.config = {
  // ...其他原有配置
  beforeLaunch: function() {
    const manager = new WebdriverManager();
    manager.update({
      cdnurl: 'http://my-internal-cdn/chromedriver/'
    });
  }
};

这样在Protractor启动前，会自动从指定的内部CDN下载所需的驱动文件。

方法3：通过环境变量指定CDN地址 #

chromedriver包会读取环境变量CHROMEDRIVER_CDNURL，你可以在执行命令前临时设置这个变量：

• Linux/macOS终端：

export CHROMEDRIVER_CDNURL=http://my-internal-cdn/chromedriver/ && npm run e2e

• Windows命令提示符：

set CHROMEDRIVER_CDNURL=http://my-internal-cdn/chromedriver/ && npm run e2e

如果需要长期生效，也可以把这个环境变量配置到你的系统环境中。

补充说明：为什么.npmrc的配置没生效？ #

Angular 5对应的@angular/cli版本中，webdriver-manager的调用逻辑存在小缺陷，没有正确读取.npmrc中的chromedriver_cdnurl参数。上面的方法都能绕过这个限制，强制指定驱动的下载源。

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