다른 워드 프레스 개발 튜토리얼 : 워크 플로우 자동화 방법

다른 워드 프레스 개발 튜토리얼 : 워크 플로우 자동화 방법

다른 워드 프레스 개발 튜토리얼 : 워크 플로우 자동화 방법
СОДЕРЖАНИЕ
02 июня 2020

자동화에 관한 워드 프레스 개발 튜토리얼


WordPress 개발자는 최신 기술과 트렌드를 최신 상태로 유지하는 것이 위협이 될 수 있습니다. 예를 들어 자동화를 수행하십시오. 워크 플로 자동화 측면에서 수행 할 수있는 작업을 가장 잘 수행하고 있습니까? 좀 빠지는? 이 기사가 도움이 될 것입니다. 조금입니다 그러나 일반적인 WordPress 개발 튜토리얼과 다릅니다. 자동화 가능한 모든 것을 자동화하는 데 중점을 둡니다. 다음 WordPress 프로젝트에서 작업 할 때.

다음 WordPress 개발 자습서에서는 일반적인 개발주기와 관련된 단계를 수행합니다. 그 과정에서 릴리스 시간을 줄이기 위해 특정 프로세스를 자동화하는 데 사용할 수있는 솔루션과 도구를 제안합니다.

자동화의 이점

자동화에 대해 논의하기 전에 특정 프로세스를 자동화해야하는 이유에 대해 논의하겠습니다..

  • 자동화 시간을 절약, 따라서 돈. 한 번의 클릭으로 로컬 개발 버전의 WordPress를 서버와 동기화하면 시간이 절약된다고 상상해보십시오.
  • �� 다음, 중복 단계 자동화 오류 방지에 도움. 변경 사항을 서버와 동기화하는 중에 실수로 잘못된 버전을 업로드 할 수 있습니다. 이것은 재 작업으로 이어집니다.
  • ��️ 또한 개발주기의 다양한 단계 자동화 추적 성을 돕습니다. 그렇게하면 코드 디버깅에 도움이됩니다. 예를 들어, 어떤 날짜에 서버에 업로드 된 변경 사항에 대한 적절한 로그가 있어야합니다..
  • �� 마지막으로 자동화가 더 중요한 것들에 집중 혁신처럼! 중복되고 반복적 인 작업으로 인해 부담을 느끼지 않으면주의를 기울여야하는 중요한 작업에 더 많은 시간을 할애해야합니다.

이 WordPress 개발 자습서는 먼저 중복 단계를 찾은 다음 자동화 단계를 통해 효율성을 높이는 데 도움이됩니다..

개발 환경 자동화

다음 시나리오에서 매번 개발 환경을 수동으로 작성해야한다고 상상해보십시오.

  • 프로젝트 시작
  • 새로운 개발 기계로 이동
  • 새로운 팀원을 확보하십시오

자동화의 첫 번째 단계는 소프트웨어 및 명령 목록을 작성하는 것입니다. 그러나 각 단계를 수동으로 수행하면 시간이 오래 걸리고 오류가 발생하기 쉽습니다. 따라서 이러한 목록은 여전히 ​​환경을 설정하기에 충분하지 않습니다..

도커 요구 사항에 따라 새 컴퓨터에서 개발 환경을 설정하는 데 도움이되는 서비스입니다. Docker는 컨테이너 개념을 소개합니다. 컨테이너는 개발 환경에서 생성 된 사실상 닫힌 시스템입니다. Docker를 사용하면 누군가가 서버에서 일부 소프트웨어를 업데이트 한 상황에서 자신을 찾을 수 없으며 아무것도 작동하지 않습니다.!

도커

먼저, 개발 환경을 정의합니다. 개발 환경은 새 머신에 정확히 필요한 것을 지정합니다. 그런 다음 새 컴퓨터에서 명령을 실행하여 프로세스를 시작하십시오. 간단합니다.!

여기에 가이드가 있습니다 WordPress 용 Docker 설정. 게다가 여기 WordPress 용 빠른 Docker 구성 파일.

Docker에는 한 가지 단점이 있습니다. Windows 기반 개발 환경 (예 : SQL Server, .NET 또는 VisualBasic)을 사용하는 경우 Docker를 사용하여 구현할 수 없습니다.

지속적인 통합을 통한 버전 관리

자동화에 대한이 WordPress 개발 학습서의 다음 단계는 코드 관리에 초점을 맞추는 것입니다. 여러 개발자가 동시에 동일한 코드를 작업 할 때 일반적으로 힘내 또는 수은제. 여기에 WordPress 개발 튜토리얼이 있습니다. 버전 관리.

수은제

코드 관리 소프트웨어를 사용할 때 개발자는 중앙 저장소의 사본을 만들 수 있습니다. 리포지토리를 개선하고 원래 코드와 병합 할 변경 사항을 제출할 수 있습니다. 인기있는 리포지토리에는 하루에 수백에서 수천 개의 변화가있을 수 있습니다. 개발자가 코드를 병합하려고 할 때 발생할 수있는 다양한 충돌이있을 수 있습니다. 가장 극단적 인 경우 병합 과정에서 문제를 해결하는 데 걸리는 시간이 초기 개선 자체를 만드는 데 걸리는 시간보다 길어질 수 있습니다..

지속적인 통합은 개발자의 작업을 자주 병합하여이 시나리오를 피하는 것입니다. 그러나 병합은 들리는 것처럼 간단하지 않습니다. 코드를 커밋하기 전에 개발자가 컴파일하고 테스트해야합니다. 일반적으로 빌드 서버는 코드가 중앙 저장소로 푸시되면 코드에서 이러한 검사를 실행합니다. 이 프로세스는 낭비의 원인 중 하나 인 재 작업을 줄여 비용과 시간을 절약합니다. 테스트 및 빌드 빈도는 다양하지만 현재이 프로세스는 모든 커밋 후에 수행됩니다..

Travis CI와의 지속적인 통합

트래비스시

트래비스 CI 오픈 소스 리포지토리에 대한 무료 버전을 제공합니다. 개인 프로젝트에 대해서만 비용을 지불하면됩니다. 이 예제에서 GitHub에 대한 프로젝트를 보여 드리겠습니다. Travis에 등록한 후 (GitHub를 통해 등록하는 것이 좋습니다) 빌드를 시작하려면 다음 단계를 수행해야합니다.

  • GitHub 리포지토리 활성화
  • 저장소의 루트 디렉토리에 .travis.yml 파일 추가
  • Travis로 빌드 할 저장소로 푸시

너의 트래비스 프로필, Travis로 테스트하려는 리포지토리 활성화.

다음은 샘플 리포지토리 웹 스크랩 핑을 활성화하는 예입니다.

Travis에서 리포지토리 활성화Travis에서 리포지토리 활성화

리포지토리를 활성화 한 후에는 ..travis.yml 파일을 리포지토리에 추가해야합니다. 파일 내용은 다음과 같습니다.

언어 : 파이썬
파이썬 :
– "2.6"
– "2.7"
# 의존성을 설치하는 명령
# 설치: "pip install -r requirements.txt"

테스트를 실행하는 # 명령
스크립트 : 파이썬 tests.py

테스트 할 언어 (Python) 및 해당 버전을 지정해야합니다. 설치해야 할 종속성이있는 경우에는 require.txt 파일에 나열해야합니다. 이 저장소에서 더미 테스트 만 실행되므로 요구 사항 행을 건너 뜁니다. 주석 처리되지 않은 경우 이러한 요구 사항은 테스트를 실행하기 전에 Travis에 의해 빌드 환경에 설치됩니다. 마지막으로 테스트를 실행하는 명령이 지정됩니다. 같은 오픈 소스 리포지토리 전자시다 다니 아 더 자세한 .travis.yml 파일이 있습니다.

코드가 끝나면 커밋하고 코드를 GitHub에 푸시하십시오. 리포지토리 페이지에서 테스트 결과를 볼 수 있습니다. 테스트 결과와 함께 이메일도 발송됩니다. 프로파일 페이지를 통해 다른 빌드를 트리거하여 빌드가 실시간으로 발생하는지 확인할 수도 있습니다.

트래비스에서 성공하기트래비스에서 성공하기

테마 개발 자동화

이 특이한 WordPress 개발 튜토리얼에서 다루어야 할 다음 주제는 테마 개발입니다. 코드 관리 시스템을 사용하면 WordPress 디렉토리에서 변경하는 모든 코드에 충분하지만 테마 개발 중 중간 단계는 자동화되어야합니다.!

테마에 대한 변경을 완료 한 후 테마 개발 프로세스에 일반적인 몇 가지 작업을 나열하기 위해 잠시 멈춰 보겠습니다.

  • CSS 프리 프로세서 코드를 CSS로 컴파일
  • CSS 파일 축소
  • 테마에 새로운 이미지 추가
  • 이미지 최적화
  • 어린이 테마 생성
  • 변경 사항 확인 및 리포지토리 업데이트

이러한 작업은 모두 중복되어 자동화 범위를 보여줍니다. 이를 수행하는 방법은 다음과 같습니다.

Gulp로 테마 개발 자동화

인기있는 도구에 집중합시다, 펄프, 테마 개발 및 배포를 자동화합니다. Gulp는 위에 나열된 모든 프로세스를 자동화하는 데 도움이되는 툴킷입니다. Gulp는 Node.js 서버에서 실행되는 JavaScript 기반 도구입니다.

꿀꺽 꿀꺽

Gulp를 설치하려면 다음이 필요합니다 Node.js NPM이 설치되었습니다. 그런 다음 터미널에서 다음 명령을 실행하여 Gulp를 설치할 수 있습니다.

npm 설치 gulp -g

Gulp로 테마를 작업하려면 일반적으로 / wp-content / themes /에있는 테마 디렉토리를 탐색하고 터미널에서 npm init 명령을 사용하여 NPM을 초기화해야합니다..

다음으로, package.json 파일에 Gulp를 추가해야합니다.

{
"이름": "내 테마",
"버전": "1.0.0",
"기술": "Gulp를 사용한 WordPress 개발 튜토리얼 자동화",
"저자": "내 이름",
"devDependencies":
{
"꿀꺽 마시다": "^ 3.9.1"
}
}

Gulp가 디렉토리에서 초기화되면 다음을 정의해야합니다. 펄프 작업 functiontask () 사용 – 각 작업은 Gulp가 수행하는 자동화 단계입니다. 여기 Gulp로 작업 작성에 대한 자세한 안내서.

우리가 테마 개발을 자동화하는 방법에 관심이 있습니까 – 엔지니어링 팀의 여정을 안내하는 튜토리얼이 있습니다..

지속적인 배포를 통한 최종 제품 테스트

이 워드 프레스 개발 튜토리얼의 마지막 단계는 최종 제품의 테스트를 자동화하는 것입니다. 요컨대, 귀하의 웹 사이트가 여러 기기에서 올바르게 렌더링되는지 평가하려고합니다..

같이 최근 DevOps 트렌드가 제안합니다, 모범 사례는 Continuous Integration을 넘어서는 것입니다. Continuous Integration을 성공적으로 구현하면 중앙 저장소에 코드가 항상 작동 상태에 있지 않습니까? 논리적 인 대답은 그렇습니다. 따라서 빌드가 진행될 때 최신 버전의 소프트웨어를 출시하는 것이 좋습니다!

모든 상황에서 의미가 있습니까? 아니요, 특히 클라이언트가 지속적인 업데이트를 원하지 않는 경우. 그러나 이는 코드를 제공 할 준비를 유지하는 철학입니다. 자체 제품을 개발하는 경우 지속적인 배포가 가장 효율적입니다. Google에서는 커밋 후 코드가 실행되는 데 약 8 분이 걸립니다.!

웹 응용 프로그램을 작성하는 경우 컴파일이 여러 장치에서 작동한다는 의미는 아닙니다. 이런 경우, 같은 도구 BrowserStack 편리합니다. 다양한 운영 체제를 실행하는 다른 제조업체의 실제 장치에서 웹 응용 프로그램을 실행하여 최종 소비자를 위해 작동합니다..

브라우저 스택

BrowserStack을 통한 지속적인 배포

BrowserStack에서는 다음을 통해 Python에서 테스트를 실행할 수 있습니다. 셀렌, PIP를 통해 설치해야하는.

핍 설치 셀레늄

Android v7.1을 실행하는 Galaxy Note 8을 사용하여 간단한 테스트를 실행 해 보겠습니다. 아래 코드에서 제공 한 링크는 BrowserStack에 등록한 후 얻을 수 있습니다 (무료 평가판이 있음). 옵션을 선택하면 BrowserStack에서 샘플 코드 설정.

BrowserStack에서 첫 번째 테스트 설정BrowserStack에서 첫 번째 테스트 설정
셀레늄 가져 오기 웹 드라이버에서
selenium.webdriver.common.keys 가져 오기 키에서
selenium.webdriver.common.desired_capabilities에서 가져 오기 DesiredCapabilities 가져 오기

desired_cap = {
‘browserName’: ‘안드로이드’,
‘기기’: ‘Samsung Galaxy Note 8’,
‘realMobile’: ‘true’,
‘os_version’: ‘7.1’
}

드라이버 = webdriver.Remote (
command_executor = ‘http : // shaumikdaityari1 : [email protected] : 80 / wd / hub’,
desired_capabilities = desired_cap)

driver.get ("https://www.codeinwp.com/")
elem = driver.find_element_by_name ("큐")
elem.send_keys ("BrowserStack")
elem.submit ()
인쇄 (driver.title)
driver.quit ()

단순히 파일을 실행하거나 터미널에서 명령을 실행하려면.

python browser_test.py

터미널에서 테스트가 성공했는지 확인할 수 있습니다. 또한 BrowserStack 계정으로 돌아가서 실제로 실행 된 비디오를 확인할 수도 있습니다..

BrowserStack 테스트 비디오 및 로그BrowserStack 테스트 비디오 및 로그

모바일 브라우저에서 테스트를 자동화 할 수 있습니다. BrowserStack을 사용하면 다음에 설명 된대로 자체 서버에서도 테스트를 실행할 수 있습니다 문서.

모바일 응용 프로그램을 만드는 경우 특정 도구를 통해 다양한 장치에서 테스트하기를 원할 것입니다. 그것은 가능하다 테스트 그리드, 다양한 기기에서 앱을 실행할 수 있습니다..

이 비정상적인 (자동화 된) WordPress 개발 튜토리얼에 대한 최종 생각

이것으로 WordPress 개발 중에 작업을 자동화하는 방법에 대한이 자습서를 마칩니다. 자동화의 이점과 개발주기에서 자동화 할 수있는 다양한 작업을 다루었습니다..

다른 기술이나 도구를 사용하여 WordPress의 개발 워크 플로를 자동화합니까? 아래의 코멘트에서 트릭을 공유하십시오.

WordPress 사이트 속도를 높이기위한 충돌 과정에 참여하는 것을 잊지 마십시오. 몇 가지 간단한 수정으로로드 시간을 50-80 % 줄일 수 있습니다.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector