로컬 개발 환경 설정

프로덕션 환경에서 변경사항을 배치하기 전에 AngularJS 기반 Sterling Field Sales UI를 사용자 정의하고 브라우저에서 실시간으로 이러한 사용자 정의 변경사항을 볼 수 있습니다. 로컬 개발 환경을 설정하면 웹 애플리케이션과 통합하지 않고도 독립형 모드에서 Sterling Field Sales 를 실행할 수 있습니다.

시작하기 전에

  • Salesforce.com에 Sterling Configure, Price, Quote 관리 패키지가 설치되어 있어야 합니다.
  • Sterling Field Sales 백엔드가 시작되어 실행 중인지 확인하고 Sterling Field Sales 백엔드가 실행 중인 시스템의 IP 주소 및 포트 번호를 알고 있어야 합니다.

태스크 정보

CPQ 아카이브 파일에는 Configurator_UI 및 FieldSales_UI 디렉토리가 포함되어 있습니다. ' Configurator_UI 디렉터리 내의 코드를 사용하여 IBM® Sterling Omni-Configurator를 사용자 지정할 수 있습니다.

프로시저

  1. Salesforce.com 의 정적 자원 페이지로 이동하여 CPQ 아카이브 파일에서 임시 디렉토리 (예: C:\TEMP\FieldSales\FieldSalesUIartifacts\CPQ_UI\FieldSales_UI) 로 기본 견적 관리 애플리케이션 UI 추가 기능 아티팩트를 추출하십시오.
  2. Gulp 및 Bower 패키지 관리 도구를 사용하여 AngularJS 프로젝트를 설정하십시오.
    1. Node.js 및 git 클라이언트를 설치하십시오.

      Node.js의 버전 4.4.5를 설치하는 것이 좋습니다.

    2. 다음 명령을 실행하여 Gulp및 Bower를 글로벌로 설치하십시오. npm install -g gulp@3.9.1 bower@1.7.1

      Gulp의 버전 3.9.1 및 Bower의 버전 1.7.1을 설치하는 것이 좋습니다.

    3. 다음의 명령을 실행하여 Node.js, Git 클라이언트, npm, Gulp 및 Bower가 필요한 버전으로 설치되어 있는지 확인하십시오.
      • Node.js의 경우: node -v
      • Git 클라이언트의 경우: git --version
      • NPM의 경우: npm -v
      • Gulp의 경우: gulp -v
      • Bower의 경우: bower -v

      위의 명령이 실행되면 설치 완료를 나타내는 버전 번호가 표시됩니다.

    4. 1단계 에서 선택한 임시 디렉토리를 탐색하고 다음 명령을 실행하여 다른 빌드 도구 및 종속 항목과 함께 gulp를 로컬로 설치하십시오. npm install.

다음 수행 작업

Sterling Field Sales 를 써드파티 애플리케이션과 통합하기 전에 독립형 개발 모드에서 실행하도록 구성하십시오.