정적 웹 사이트 생성기 : 방문 페이지의 워크 플로우를 개선하기위한 강력한 도구
코어 포인트 :
Hugo와 같은 정적 웹 사이트 생성기는 컨텐츠 및 웹 디자인, 속도 개선 및 유연성 향상을 포함하여 많은 이점을 제공합니다. WordPress와 같은 컨텐츠 관리 시스템과 달리 방문자가 요청할 때마다 페이지를 구축하면 정적 웹 사이트 생성기는 새 컨텐츠를 작성하거나 편집 할 때 웹 페이지를 작성합니다.
정적 웹 사이트 생성기로 마이그레이션하면 호스팅 프로세스를 단순화 할 수 있습니다. UsersNap은 NetLify를 성공적으로 사용하여 GitHub와 잘 작동하며 간단한 배포 프로세스를 제공합니다.
소스 코드 관리에 github를 사용하고, 코드 샤프를 사용한 자동 테스트 및 usersnap을 사용한 수동 테스트는 정적 웹 사이트에 대한 강력한 개발 워크 플로를 만듭니다. 이 도구 조합을 통해 효율적인 오류보고 및 자동화 된 테스트를 통해 고품질의 오류가없는 환경을 보장합니다.
이 기사에서 UsersNap의 기술 마케팅 담당자 인 Thomas Peham은 정적 웹 사이트 생성기가 방문 페이지 워크 플로우를 도울 수있는 방법과 이유를 설명합니다. -
-
아무도 버그를 찾는 것을 좋아하지 않습니다. 더 나쁜 것은 디지털 제품을 구매할 때 버그를 찾는 것을 좋아하는 사람은 없습니다. 그렇기 때문에 수만 명의 사용자에게 웹 기반 버그 추적 도구를 제공하는 회사로서 버그없는 환경을 보장해야합니다. 웹 페이지가 커지면서 코드 줄 수가 증가함에 따라 우리는 내부 워크 플로를 개선 할 수있는 방법을 찾도록 동기를 부여합니다. 이 기사에서는 지난 몇 달 동안 도구 스택을 변경하기 위해 우리가했던 여행과 새로운 방문 페이지를 생성하고 배포하는 방법을 소개하고 싶습니다.
usernap.com의 새로운 도구 스택 -
usernap.com 방문 페이지의 내부 워크 플로우를 개선하기로 결정하자마자 답변해야 할 많은 질문이 있습니다. 어떤 컨텐츠 관리 시스템을 사용할 수 있습니까? 어떤 소프트웨어 도구? 더 많은 질문이 있습니다. 우리는 Hugo를 UsersNap.com의 주요 웹 사이트 프레임 워크로 사용했습니다. 이 결정은 팀이 협력하고 발전하는 방식의 급격한 변화로 이어졌습니다.
정적 웹 사이트 생성기의 장점 그러면 Hugo는 웹 사이트 설정에서 어떤 역할을합니까? Hugo는 오픈 소스 정적 웹 사이트 생성기입니다. 정적 웹 사이트 생성기 새 컨텐츠를 만들거나 컨텐츠를 편집 할 때 웹 페이지를 구축합니다. 대신, WordPress와 같은 컨텐츠 관리 시스템은 방문자가 요청할 때마다 페이지를 구축합니다 (다양한 캐싱 기술이 있지만). WordPress와 같은 시스템 대신 Hugo와 같은 정적 웹 사이트 생성기를 선택하면 많은 이점이 있습니다. 그리고 이러한 장점은 성능에 관한 것이 아닙니다. Hugo로 만든 정적 웹 페이지는 콘텐츠 및 웹 디자인을 100% 제어합니다. 레이아웃과 콘텐츠 유형이 다른 웹 사이트를 시작하려면 더 빠르고 유연하기 때문에 컨텐츠 관리 시스템 대신 정적 웹 사이트 생성기를 사용하는 것이 좋습니다. 또한 특정 CMS의 모든 기능을 알 필요는 없지만 HTML 및 CSS의 기본 사항을 알아야합니다. Hugo는 원래 Steve Francia에 의해 측면 프로젝트로 출시되었습니다. 오늘날 Hugo Community에는 165 명 이상의 기고자, 35 개의 주제 및 수천 명의 사용자가 있습니다. 우리는 측면 프로젝트에서 Hugo를 사용했으며, 우리는 그것이 우리가 usernap.com에 사용하려는 프레임 워크라는 것을 알고 있습니다.
netlify에서 정적 호스팅
WordPress와 같은 CMS가 혜택보다 더 복잡하다고 결정한 후, 우리는 정적 호스트를 찾기 시작했습니다. 요구 사항은 간단하고 명확합니다. 정적 호스트는 Github와 완벽하게 작동해야하며 회사의 모든 사람이 수행 할 수있는 배포 프로세스를 설정할 수 있어야합니다. Google이 인수 한 후 Divshot (Bugtrackers.io의 호스트)이 종료되면 NetLify로 전환합니다. 우리는 NetLify에 매우 만족하므로 정적 방문 페이지로 선택하는 것도 자연스럽고 간단한 결정입니다.
버전 제어
에 github를 사용하십시오
우리는 다른 여러 프로젝트에서 github를 사용했기 때문에 Github가 소스 코드 관리의 장소가 될 것임을 알고 있습니다. 새 방문 페이지에 대한 개인 저장소를 설정하고 Github를 NetLify에 연결하는 것은 매우 쉽습니다.
특히 Hugo와 같은 정적 웹 사이트 생성기의 경우이 워크 플로가 더욱 강력 해집니다. 명령 를 사용하면 NetLify에서 hugo를 구성 할 수 있습니다. 프로젝트가 어떻게 구축되는지와 공개적으로 호스팅 해야하는 디렉토리를 선택하면됩니다. GitHub로 푸시 할 때마다 NetLify는 빌드 명령을 실행하고 결과를 배포합니다. 이 예에서는 구성이 다음과 같습니다
(우리는 JavaScript 및 CSS Preprocessing을위한 다른 도구를 실행합니다.)
Codeship 및 UsersNap을 사용하여 테스트
테스트 및 품질 보증과 관련하여 대부분의 사람들은이 주제를 피하는 바쁘게 보입니다. ;) Codeship (자동 테스트 용) 및 UsersNap (수동 테스트 용)을 사용하여 자동 테스트 안전 네트를 사용하면서 언제든지 버그를보고 할 수있는 완벽한 도구 체인을 발견했다고 생각합니다. 따라서 코드가 NetLify에서 호스팅되기 전에 Codeship에 의해 테스트, 준비 및 배포됩니다. 이런 식으로 정적 웹 사이트를위한 준비 및 제작 환경을 설정했습니다. 일단 배포되면, 우리는 수동 테스트 및 품질 보증에 사용자nap (예, 자체 제품을 사용)을 사용하거나 새로운 아이디어에 대해 논의하거나 모든 것에 대한 피드백을 수집합니다. 요컨대, 개발 워크 플로는 다음과 같습니다
팀의 모든 사람을 참여시키기 위해 Codeship과 UsersNap을 Slack에 연결했습니다. 전용 슬랙 채널에 새로운 푸시가 표시됩니다. 또한 개발자는 새로운 버그 보고서 및 피드백에 대한 Slack의 알림을받습니다.
버그를 관리하고 작업을 완료하십시오 
새로운 버그 및 오류에 대한 경고 및 알림을받는 것도 마찬가지입니다. 우선 순위를 정하고 할당하며 고정하는 것이 또 다른 문제입니다. 당사의 제품 및 개발 팀은 제품 로드맵에 의존하여 기능 매트릭스라고합니다. 이 기능 매트릭스에는 우리 팀이 작업하는 모든 기능, 버그 수정 및 변경 요청이 포함되어 있습니다. 기능 매트릭스 외에도 일부 내부 도구를 사용하여 의사 소통과 수명을 단순화합니다. 우리는 회사 전체에서 서로 의사 소통 할 수 있기 때문에 Slack을 집에 전화하는 것을 좋아합니다. 새로운 프로젝트를 관리하고 작업을 완료하기 위해 제품 관리 도구 꽃에 의존하여 더 큰 그림을 잘 이해할 수 있습니다. 예를 들어, 제품에 대한 Blossom 보드가있어 신제품 요구 사항의 현재 상태를 잘 이해할 수 있습니다. 우리는 또한 모든 정적 웹 사이트 프로젝트를위한 칠판이 있습니다.
다음은 무엇입니까?
성장하는 스타트 업으로서, 우리는 효율성을 향상시키는 새로운 방법에 대해 계속 생각하고 있습니다. 신입 사원을 개발 팀에 추가하려면 작업 방식을 다시 생각하고 다르게 수행 해야하는 작업을 식별해야합니다. 새로운 워크 플로를 통해 새로운 착륙 페이지를 배포하는 데 더 효율적일 수있는 방법을 찾았습니다. 앞으로 우리는 개발자에게 DevOps가 점점 더 중요 해지고 있다고 생각합니다. AWS 또는 Azure와 같은 서비스에 대한 인프라를 아웃소싱하는 것은 소프트웨어를 구축 및 스케일링의 사실상 표준이되었습니다. 결과적으로 인프라 운영은 덜 중요 해지고 있습니다. 비록 소프트웨어 운영 및 서비스를 처리하는 리소스, 기술 및 도구에 대한 수요가 증가하고 있습니다. 다행히도 이미 DevOps 속도를 높이는 데 도움이되는 다양한 서비스가 있습니다.
(기사의 나머지 부분은 FAQ이며 이전 답글에서 다루었으며 중복 내용이 여기에서 생략되었습니다)
위 내용은 정적 사이트 생성기 워크 플로 개발의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
