디렉토리
목차 ... 3
1 소개 ... 1
2. 구성 ... (1)
2.1, 구성 파일 ... 1 angular.json
2.2, 구성 파일 ... 1 package.json
2.3, 1 복사 자식 주소 ...
젠킨스 구성 2.4. (2)
2.4.1, 새 프로젝트 ... 2
2.4.2 ... 2 이름과 프로젝트의 유형을 결정
2.4.3 프로젝트 설명 및 주소를 입력 ... 3
2.4.4 선택 SDK .. 3
2.4.5, 4 ... 코드의 주소를 입력
2.4.6 노드 버전을 선택 ... 4
쉘 (5)을 추가 2.4.7,
2.4.8, 쉘 명령을 채우기 ... (5)
2.4.9 인증 ... (6)
2.4.10 구성 저장 ... (7)
3, 건물 ... 8
3.1.1 프로젝트를 빌드 ... 8
3.1.2, 진행 상황을보고 ... (8)
3.1.3, 9 상세 내역보기 ...
4, 일반적인 빌드 오류 ... 9
4.1.1, 수정되지 않은 "개인"상태 ... 9
4.1.2 설치할 수 없습니다 의존 ... (10)
4.1.3, 호출 스택 ... (10) 수에 제한을 초과
5, 10 ... 케이스
6, 10 ... 기준
1 소개
프런트 엔드 개발 및 유지 보수 프로젝트에서, 포장, 업로드 및 배포 작업은 매우 빈번하다. 수동 운전 효율 오류 불안정 경향이있다,뿐만 아니라 인적 자원을 많이 낭비. 따라서, 자동화 된 빌드를 수행 배포, 인적 자원, 속도 배포의 개발을 위해 저장하고 제품의 품질을 향상시키기 위해 지속적인 통합 (지속적인 통합) 젠킨스 도구로 중요하다.
이 문서에서는 넥서스웨어 하우스 프로젝트 코드 관리 플랫폼 프로세스, 구성 및 일반적인 문제와 그 분석 및 솔루션에 릴리스 노드 기반 프론트 엔드 패키지에 대해 설명합니다.
2, 구성
프런트 엔드 프로젝트 개발 완료 후, 제대로 넥서스에 게시하도록 구성 할 수 있습니다.
2.1, 구성 파일 angular.json
프로젝트 루트 디렉토리 "angular.json"파일을 열고 "outputPath"의 "옵션" "DIST"로 설정한다 :
{ "프로젝트" : { "ComponentChartBargraph" : { "건축가" : { "구축" : { "옵션" : { "outputPath": "DIST를" } } } } } }
2.2, 구성 파일 package.json
열기 프로젝트 루트 "package.json"파일은 코드와 같이 "개인"속성을 "false"로 설정해야합니다있어서, "name"속성 등을 설정합니다 :
{ "이름": "구성 요소 데모" , "버전": "0.1.0" , "설명": "구성 요소 데모" , "저자": "tanjifei" , "개인" 거짓 }
2.3, 복사 자식 주소
자식에 프로젝트 코드 푸시 한 후, 자식 주소를 구성 할 젠킨스 플랫폼에 복사 방출 될 수있다.
다음과 같이 브라우저 주소 표시 줄의 코드 저장소 주소 (저장소 URL) 주소 (프로젝트 URL) 및 지시 화살표를 복사 프로젝트 "프로젝트"탭 페이지를 엽니 다. 이 주소로 직접 복사 할 수있는 작은 아이콘의 오른쪽에 주소 코드 저장소를 클릭하십시오
2.4, 젠킨스를 구성
2.4.1, 새 프로젝트
젠킨스 플랫폼 홈 페이지에서 "새 항목"새 프로젝트를 클릭 :
2.4.2, 이름 및 프로젝트의 유형을 결정
새 프로젝트를 완료하기 위해 "프리 스타일 프로젝트"를 선택한 후 "OK"버튼을 선택, 프로젝트 이름을 입력 :
2.4.3 프로젝트 설명 및 주소를 입력
"설명"을 기입 할 수있는 "일반"탭 페이지에서 "Github에서 프로젝트"프로젝트 자식 좋은 사본이 직전에 "프로젝트 URL"텍스트 상자에 주소를 붙여 넣기를 확인 :
2.4.4 선택 SDK
프런트 엔드 프로젝트로하고, JDK 프로젝트 따라서 "시스템"을 선택 JDK를 사용하지 않습니다 :
2.4.5 코드 주소를 입력
"소스 코드 관리"탭 페이지에서 "힘내"를 선택하신 후 "저장소 URL"를 입력, 예 : "개발"과 같은 계정의 검증에 의해 선택 "자격 증명", 분기 젠킨스의 석방을 기입 "건설 지점", 또는 "마스터".
"저장소 브라우저" "github에"URL 채우기 "gitlab의 @"을 선택하고 제거 "에 http : //"자식 저장소의 URL 부분을 "버전"은 "1.0"이 될 수 기입 :
2.4.6 노드 버전을 선택
은 "환경을 구축"탭 페이지 검사에서 "NodeJS 설치"선택하고 "파일 npmrc"등 "NodeJS10 / 11"로 버전을 일치 프로젝트 개발 ","PATH에 노드 및 NPM / 빈 / 폴더에 대한 설명을 제공합니다 "- 시스템 default- "를 사용 :
2.4.7 추가 셸
은 "빌드"탭 페이지에서 "빌드 단계 추가"버튼을 클릭하여 팝업 메뉴 "쉘을 실행"을 클릭합니다 :
2.4.8, 쉘 명령을 채우기
"명령"텍스트 상자의 "실행 쉘"에서, 빌드 및 관련 지침의 릴리스를 입력 :
NPM은 설치 : --registry은 https // registry.npm.taobao.org가 실행 빌드 NPM 의 CP / package.json의 DIST를 CD를 DIST의 NPM 게시 --registry HTTP : // 주소 192.168.xy : Z / 내-저장소 /
2.4.9 인증
게시 프로젝트는 목표를 인증해야합니다. 두 가지 인증 방법이 있습니다 : 서버 구성 및 클라이언트 인증 정보가 제출 한 정보를 확인 할 수 있습니다.
- 서버 구성 확인 정보
편집 ".npmrc"파일 "항상 인증"을 추가하거나 수정 "레지스트리", "메일", "_ 인증"및 :
_auth = *** 레지스트리 = HTTP : //192.168 xy를 : Z / 내-저장소 / 이메일 = ***@***.com 항상 인증 = TRUE
결과 스트링, "_ 승인이"즉 결장 간격 명과 패스워드로 구성되는 것을 특징으로 Base64 인코딩 방법 :
_auth base64Encode = (<이름> <암호>)
"등록"은 창고의 타겟 어드레스 있는지 확인하기 위해이 정보를 사용하는 것;
"이메일"는 전술 한 사용자 인증, 암호 관련 있기 때문에 사서함의 이메일 주소를 확인하는 데 사용됩니다.
- 클라이언트는 확인 정보를 제출
"명령"텍스트 상자의 "실행 쉘"을 작성하거나 다음 지시 사항을 수정합니다
NPM 설치 npm- 로그인 - cmd를 수출 NPM_USER = *** 수출 NPM_PASS = *** 수출 NPM_EMAIL = *** @ *** .COM NPM 설정 설정 레지스트리에 http : // 주소 192.168.xy : Z / 내-저장소 / NPX npm- 로그인 - 에 cmd NPM 게시
"NPX는 NPM--CMD는 로그인"비 대화 형 로그온 자동화 환경을 달성하기 위해 "NPM-로그인-CMD"플러그 - 인으로 표시되고, 원칙은 자식 프로세스 모니터링 "표준 출력"모니터링 "사용자 이름", "암호를 사용하는 것입니다 어떤, 해당 정보를 기록 표준 입력 "의"및 기타 키워드 ""과 "이메일.
2.4.10 구성을 저장
구성, 구성을 저장 버튼을 "적용"현재 페이지 "저장"또는의 왼쪽 하단 모서리를 클릭합니다. 그 중, "적용"버튼을 추가로 현재 머물 수있는 구성 페이지를 수정 기다릴 계속 클릭하고, 다른 작업을 만들 수있는 젠킨스 프로젝트의 현재 홈으로 돌아갑니다 "저장"버튼을 클릭합니다. 도는 다음과 같습니다 :
3, 건물
3.1.1 프로젝트를 빌드
홈 젠킨스는 프로젝트에, 왼쪽 메뉴 프로젝트를 빌드 "이제 빌드"를 클릭합니다. 다음과 같습니다 :
3.1.2 검사 진행
은 "역사를 구축"섹션에서 현재 프로젝트에 대한 일정을 포장 나타납니다 :
3.1.3 상세 내용보기
이 건물의 세부 정보를 볼 번호를 클릭하여 :
코드 변경의 세부 사항을 볼 수있는 "세부 사항"링크를 클릭; "콘솔 출력"의 왼쪽을 클릭하면 빌드 프로세스 스크립트 실행 로그를 볼 수 있습니다 그 중 왼쪽에있는 파란색 공 번호는 빨간 공 아이콘은 빌드가 실패를 나타내는 아이콘이 성공적으로 건설되었다 대표 스크립트 실행 오류 경우 로그에 따라 적절하게 수정 될 수 있으며, 재 빌드. 도는 다음과 같습니다 :
4, 일반적인 빌드 오류
4.1.1, 수정되지 않은 "개인"상태
이 패키지는 비공개로 표시되었습니다 오류 메시지
분석 : 기본적으로 "개인"에서 "package.json"파일이 "true"로 종종 코드를 제출할 때 값을 변경하는 것을 잊지 때문에, NPM 명령 프런트 엔드 프로젝트를 만듭니다.
해결책은 : 편집 "package.json"파일은 "개인"을 "false"로 설정됩니다.
4.1.2 종속성을 설치할 수 없습니다
오류 메시지 : 404 찾을 수 없음 : 유형 @ / echarts @ ^ 4.1.3
분석 : 레지스트리를 잘못 설정 될 수 있습니다
해결 방법 : 레지스트리가 npmjs 또는 Taobao의 레지스트리에 설정되어 있습니다. 예를 들면 :
NPM의 구성 설정 레지스트리은 https : // registry.npmjs.org
4.1.3은 수량 제한을 넘어 스택을 호출
오류 메시지 : 최대 호출 스택의 크기 초과
분석 : 상태가 좋지 패키지 종속성 더 복잡한 네트워크 문제가 발생합니다.
해결 방법 : Taobao의 레지스트리 설정 레지스트리. 예를 들면 :
NPM의 구성 설정 레지스트리은 https : // registry.npm.taobao.org
5, 케이스
HTTP : //192.168.xy : Z / 젠킨스 / 작업 / X-각-구성 요소 - 데모 /
도 6을 참조
https://www.npmjs.com/package/npm-auth
https://help.sonatype.com/repomanager2/node-packaged-modules-and-npm-registries
어느 "http://192.168.6.96:8083/repository/npm-all/"내부 창고 (http://192.168.6.96:8083/repository 종합 레지스트리 회사 소재지, 설치 패키지이며, 다음 검색을 클릭합니다 / NPM-/ 내부) Taobao의 창고 (https://registry.npm.taobao.org) 및 공용 npmjs 창고 (https://registry.npmjs.org).