如何将MobileFirst Foundation Web SDK集成到Angular5应用并配置MFP服务器地址

我来帮你梳理下Angular5应用里配置MFP服务器IP/主机名的具体步骤，核心就在SDK初始化的环节里：

• 找到SDK初始化的代码位置
  通常你会在app.component.ts或者专门的初始化服务（比如mfp-init.service.ts）里调用WL.Client.init()方法，这就是配置服务器地址的核心位置。

• 在初始化方法中传入服务器配置
  直接在init的参数里指定mfpServerUrl字段，把你的MFP服务器IP或域名、端口填进去就行，示例代码如下：

  import { Component, OnInit } from '@angular/core';
  declare var WL: any;
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent implements OnInit {
    ngOnInit() {
      // 配置MFP服务器地址
      WL.Client.init({
        mfpServerUrl: "http://你的MFP服务器IP或域名:9080/mfp"
      });
    }
  }
  

  注意：默认端口是9080（HTTP），如果用HTTPS的话通常是443或者你自定义的端口；/mfp是MFP服务器的默认上下文根，如果你修改过服务器的上下文配置，记得同步修改这里的路径。

• 备选：通过mfpclient.properties配置
  如果你的项目里包含mfpclient.properties文件，也可以直接在这个文件里配置：

  mfpServerUrl=http://你的MFP服务器IP或域名:9080/mfp
  

  要确保这个文件被放在Angular的assets目录下，这样打包后SDK才能正确读取到这个配置文件。

• 额外注意：跨域问题
  因为你的Web应用和MFP服务器部署在不同服务器，一定要确保MFP服务器开启了跨域（CORS）支持，允许你的Web应用域名发起请求。你可以在MFP服务器的管理控制台里，把Web应用的域名添加到允许的跨域列表中，避免出现浏览器跨域拦截的问题。

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