PA 웹사이트 유효성 검사기
2.11.3
평가 앱은 Lighthouse 라이브러리를 통합하고 지방자치단체 모델과 Designers Italia 학교 모델을 올바르게 준수하는지 확인하기 위한 테스트를 수행하는 도구입니다.
평가 앱에 대해 자세히 알아보세요.
| 시험 | 설명 |
|---|---|
| 준수 기준 | 학교 모델의 적합성 기준에 관한 감사 결과가 표시됩니다. |
| 디자인 추천 | 학교 모델의 설계 권장 사항과 관련된 감사 결과가 표시됩니다. |
| 추가 테스트 | 등대에서 제공하는 표준 테스트 결과가 표시됩니다. 규정 준수 기준 달성 측면에서는 관련이 없지만 여전히 사이트 개선 사항을 평가하는 데 유용한 지표를 나타냅니다. |
| 설계 권장 사항 "R.SC.3.1 - 속도 및 응답 시간" | 학교 현장에 대한 설계 권장 사항 "R.SC.3.1 - 속도 및 응답 시간"에 대한 테스트 결과가 표시됩니다. |
| 시험 | 설명 |
|---|---|
| 정보가 있는 시민 패키지: "C.SI.4.1 - 속도 및 응답 시간" 기준 | 지자체 사이트에 대한 "C.SI.4.1 - 속도 및 응답 시간" 기준과 관련된 테스트 결과가 표시됩니다. |
| 정보에 입각한 시민 패키지: 준수 기준 | 지자체 현장의 준수 기준과 관련된 감사 결과가 표시됩니다. |
| 활동적인 시민 패키지: 준수 기준 | 지방자치단체 디지털 서비스의 준수 기준과 관련된 감사 결과가 표시됩니다. |
| 정보가 풍부한 시민 패키지: 프로젝트 권장 사항 | 지방자치단체 현장의 설계 권장 사항과 관련된 감사 결과가 표시됩니다. |
| 추가 테스트 | 등대에서 제공하는 표준 테스트 결과가 표시됩니다. 규정 준수 기준 달성 측면에서는 관련이 없지만 여전히 사이트 개선 사항을 평가하는 데 유용한 지표를 나타냅니다. |
애플리케이션은 브라우저에 표시되는 평가 결과에 대한 Lighthouse 스타일 보고서를 생성합니다. 또한 명령이 실행된 콘솔에는 오류 메시지를 포함하여 해당 순간에 애플리케이션이 수행하는 감사와 관련된 메시지가 실시간으로 표시됩니다. 특히 로드된 각 페이지에 대해 다음 유형의 메시지가 나타납니다.
...
https://esempio.scuola.edu.it/novita/ 200
https://esempio.scuola.edu.it/didattica/ 200
...이는 문제의 페이지 로드 결과를 나타냅니다(200 = 성공). 이 정보는 사이트나 애플리케이션 자체를 디버깅하는 데 사용될 수 있습니다.
PA 웹사이트 유효성 검사기는 다음 기술을 사용합니다.
PA 웹사이트 검사기에는 Node.js v18+(LTS), npm 및 Google Chrome이 필요합니다.
PA 웹 사이트 유효성 검사기는 다음과 같은 주요 외부 종속성을 사용합니다.
| 플러그인 | 저장소 |
|---|---|
| 등대 | GitHub |
| 야그스 | GitHub |
| 인형사 | GitHub |
| 안녕 | GitHub |
| JSDOM | GitHub |
| 지리적 IP | GitHub |
| SSL 인증서 받기 | GitHub |
로컬 설치의 경우 저장소가 복제되면 다음을 실행합니다.
cd pa-website-validator
npm install dist 디렉토리는 빌드 프로세스의 출력으로 채워집니다.
용법:
node dist --type --destination --report --website --scope --view 예:
node dist --type school --destination ~/pa-italia-crawler-reports --report myreport --website https://www.ismonnet.edu.it/ --scope online --view --accuracy all 전역 설치가 수행되면 복제된 디렉터리에 들어갈 필요 없이 터미널에서 pa-website-validator 명령을 사용할 수 있습니다. 다음은 명령을 전역적으로 설치하는 절차입니다.
cd pa-website-validator
npm install
npm install -g --install-links주의 : 명령 전파 및 npm 캐시 삭제를 위해 셸/터미널을 다시 시작해야 할 수도 있습니다.
npm cache clean용법:
pa-website-validator --type --destination --report --website --scope --view 예:
pa-website-validator --type school --destination ~/pa-italia-crawler-reports --report myreport --website https://www.ismonnet.edu.it/ --scope online --view --accuracy all | 명령 매개변수 | 설명 | 의무사항 | 가능한 값 | 기본 |
|---|---|---|---|---|
| - -돕다 | 명령 맵 표시 | ❌ | ||
| - -버전 | 패키지 버전 | ❌ | ||
| - -유형 | 시작할 크롤러 유형 | ✅ | "지방자치단체" "학교" | |
| - -목적지 | 보고서를 저장할 폴더 | ✅ | ||
| - -보고서 | 보고서에 할당할 이름 | ✅ | ||
| - -웹사이트 | 분석할 웹사이트 URL | ✅ | ||
| - -범위 | 실행 범위 | ❌ | "현지" "온라인" | "온라인" |
| - -보다 | 즉각적인 보고서 보기 | ❌ | ||
| - -정확성 | 스캔의 질병률을 정의합니다. | ✅ | "최소", "권장", "높음", "모두" | "제안" |
참고:
--type 검사 중인 웹사이트 유형(시립 또는 학교)을 나타냅니다.
--scope 수행할 감사 유형을 나타냅니다.
local 도구가 로컬 환경의 웹사이트에서 실행되는 경우: 검사된 사이트의 구조에 대해 작동하는 모든 감사를 수행하고 로컬 환경에서 수행할 경우 결과를 생성하지 않는 일부 감사에 대한 정보 메시지를 표시합니다.online 사용 가능한 모든 감사를 수행합니다. --view 감사가 끝날 때 명령에 전달되면 생성된 보고서를 자동으로 표시하는 Chrome 인스턴스가 시작됩니다.
--accuracy 스캔된 페이지 수로 정의된 스캔의 정확성을 나타냅니다.
all 스캔은 사용 가능한 모든 페이지에서 수행됩니다.
