DE{CODE}: 로컬 사이트 배포를 위한 모범 사례

사이트를 라이브로 전환하는 잘못된 방법은 없지만 이 세션에서는 로컬 환경에서 프로덕션 환경으로 사이트를 배포하기 위한 다양한 옵션을 안내합니다. 독립 강사이자 웹 개발자인 Carrie Dills가 일부 로컬 워크플로 도구를 살펴보고 팀, 워크플로 및 사이트 세부 정보를 기반으로 다른 배포 방법을 선택할 수 있는 이유에 대해 설명합니다!

세션 슬라이드

전체 텍스트 성적 증명서

캐리 딜스 : 안녕하세요. Local을 사용한 사이트 배포 모범 사례에 오신 것을 환영합니다. 따라서 전문 웹 개발자라면 로컬 컴퓨터에서 사이트를 개발한 다음 이를 라이브 서버에 배포하는 것과 실제로 라이브 서버에서 개발하는 아이디어에 이미 익숙할 것입니다. 로컬 개발 환경을 설정하는 데 있어 수많은 옵션이 있습니다. MAMP 또는 WAMP 또는 XAMPP 또는 DesktopServer가 있습니다.

이를 위해 사용할 수 있는 다양한 도구가 있습니다. 개인적으로 가장 좋아하는 것은 LocalWP입니다. 무료 배송입니다. 실례합니다. Local이라고 하지만 localwp.com에서 사용할 수 있습니다. 무료 개발 도구입니다. 설치가 매우 쉽고 로컬 사이트 개발을 위한 장소일 뿐만 아니라 사이트 수명을 배포하기 위한 몇 가지 옵션도 있습니다. 그러나 경로 SSH 액세스, WPCLI, 일부 캐시 무효화 내장, 심지어 원클릭 SSL과 같은 작업 흐름을 위한 다른 많은 장점도 있습니다.

따라서 이미 가지고 있다면 갈 준비가 된 것입니다. 그렇지 않다면 괜찮습니다. 따라서 배포 방법에 대해 이야기하기 전에 버스를 백업하고 WordPress 사이트 마이그레이션과 관련하여 실제로 관련된 사항에 대해 이야기해 봅시다. 따라서 두 가지로 생각하십시오. 파일이 있고 데이터베이스가 있습니다. 그리고 사이트 마이그레이션에 대해 이야기할 때 우리는 단순히 대상 서버로 이 두 가지를 이동하는 것에 대해 이야기하는 것입니다. 알았어요?

괜찮은. 따라서 WordPress 설치를 크랙하거나 WordPress를 새로 다운로드하여 열면 세 가지 주요 파일이 표시됩니다. 실례합니다. 폴더, WP Admin, WP 포함 및 WP 콘텐츠 및 소수 해당 루트 디렉토리에 있는 파일. 이제 마이그레이션을 위해 대상 서버에 이미 WordPress가 설치되어 있다고 가정하면 WP Contents 폴더만 걱정하면 됩니다. 테마, 플러그인 및 WordPress 관리자를 통해 수행한 모든 업로드를 보관할 것입니다. 미디어 파일을 업로드한 경우 해당 WP 콘텐츠 폴더에도 물리적으로 포함됩니다.

따라서 이를 염두에 두고 파일과 데이터베이스가 있습니다. 실제로 마이그레이션을 진행하기 위한 옵션을 확인해 보겠습니다. 괜찮은. 당신이 타임머신에 저와 함께 한다면, 당신이 이 영상을 보고 있는 바로 옆에 앉아 있을 것이라고 확신합니다. 계속해서 그 타임머신에 올라타면 FTP 또는 파일 전송 프로토콜이라고 하는 것으로 다시 돌아갈 것입니다. 묻습니다- 촉구합니다, 절대 FT를 사용하지 마십시오-

[웃음]

-FTP. 필요한 경우 적어도 해당 파일 이동 프로세스에 보안 계층을 추가하는 SFTP 또는 보안 파일 전송 프로토콜로 이동하십시오. 또는 같은 기능을 하는 cPanel이 있는 호스트에 있을 수도 있습니다. 파일 브라우저이며 로컬 서버와 라이브 서버 간에 파일을 앞뒤로 이동합니다. 파일을 관리하기 위한 것입니다. 그리고 당신은 마치, 캐리. 이전할 데이터베이스가 있다고 방금 말씀하신 것을 기억합니다. 그리고 그것을 기억해주셔서 감사합니다.

따라서 데이터베이스와 관련하여 MySQL 데이터베이스를 살펴보는 데 익숙하지 않은 경우 다소 위협적으로 느껴질 수 있습니다. 그리고 기본적으로 프로세스는 로컬 데이터베이스를 gzip 파일로 내보내는 것입니다. 이를 다운로드한 다음 프로덕션 서버에 있는 데이터베이스 관리자에서 해당 데이터베이스를 가져올 것입니다.

[비명 소리]

작동합니다. 작동합니다. 작업이 완료됩니다. 그러나 모든 개발 URL을 실제 URL로 바꾸려면 Better Search and Replace와 같은 플러그인을 사용해야 할 것입니다. 그러니 명심하십시오.

다음으로 마이그레이션 플러그인이 있습니다. 우리는 공식적으로 미래로 이동했으며 사이트를 로컬에서 라이브로 이동하는 더 쉬운 방법을 찾고 있습니다. 따라서 마이그레이션 플러그인의 경우 WordPress 플러그인 저장소에 수많은 플러그인이 있습니다. 내가 가장 좋아하는 All-In-One Migration, Duplicater 및 WP Migrate DB 중 일부입니다.

이제 이것들에 관해서는 이것들이 당신에게 다른 종류의 도움을 줄 것입니다. 따라서 우리가 cPanel 또는 SFTP로 살펴보던 완전히 수동적인 프로세스와 대조됩니다. 이들은 데이터베이스를 준비할 때와 같은 몇 가지 좋은 일을 할 것입니다. 계속 진행하여 해당 URL(로컬에서 라이브 URL로의 교환)을 도와줄 것입니다. 그리고 그것은 당신을 위해 당신의 파일을 포장할 것이지만, 당신은 여전히 ​​수신 측에서 그 파일들을 가지고 뭔가를 해야 할 것입니다. 그리고 이러한 각 플러그인은 조금씩 다른 방식으로 작동하지만 로컬에서 라이브로 전환하는 프로세스를 지원합니다.

이제 내가 가장 좋아하는 플러그인인 Migrate DB Pro를 언급하지 않았다면 여기서 태만했을 것입니다. 이것은 Brad Touesnard와 Delicious Brains의 그의 팀이 만들었습니다. 그리고 이 플러그인이 하는 일은 실제로 도매 배포 플러그인입니다. 따라서 파일과 데이터베이스를 사용하여 이동하려는 테이블을 실제로 세분화한 다음 실제 환경으로 푸시할 수 있습니다. 이제는 놀라운 도구이기 때문에 사용하려면 지갑을 꺼내야 합니다. 그러나 시간을 크게 절약할 수 있습니다.

하지만 캐리, 우리가 로컬에 대해 이야기하는 줄 알았어요. 그리고 우리는 로컬에 대해 이야기하고 있습니다. 이전에는 백업하고 마이그레이션 프로세스와 관련된 내용을 확인한 다음 사이트를 마이그레이션할 수 있는 방법에 대한 몇 가지 아이디어를 가지고 있어야 했습니다. 이제 WP Migrate DB Pro는 놀랍습니다. 그러나 로컬에 관해서는 로컬 개발 환경도 얻을 수 있습니다. 하지만 더 있습니다. 로컬에서 라이브로 원푸시 배포를 수행할 수 있는 로컬 연결 및 매직 동기화라는 기능을 사용할 수 있습니다. 당기고 싶다면 실제로 다른 방향으로도 갈 수 있습니다. 그러나 우리는 이를 위한 배포에 집중하고 있습니다.

함께 할 때 유일한 장애는 Local Connect가 Flywheel 및 WP Engine이라는 두 개의 웹 호스트와 함께 작동한다는 것입니다. 이제 저는 이것을 보고 있는 많은 분들이 이미 해당 계정을 가지고 있을 수 있다는 것을 알고 있습니다. 굉장하네요. 그렇지 않은 경우 두려워하지 마십시오. 무료로 시도해 볼 수 있는 몇 가지 방법이 있습니다.

따라서 Flywheel을 사용하면 새 데모 사이트를 만들고 회전시켜 Local Connect와 함께 플레이하는 데 사용할 수 있습니다. 그런 다음 마찬가지로 WP 엔진을 사용하여 로컬과 연결할 수 있는 사이트와 함께 제공되는 무료 파트너 프로그램 계정을 만들 수 있습니다.

좋아요. 모두 데모할 준비가 되셨습니까? 나는 큰 소리로 예를 들었습니다. 그래서 저는 데모와 함께 앞으로 3월에 갈 것입니다. 물론, 무엇이 잘못될 수 있습니까?

[웃음]

좋아요. 따라서 배포 프로세스와 관련하여 배포할 사이트가 있어야 합니다. 그래서 여기 내 WP 엔진 계정 영역에 있습니다. 로컬 사이트를 만들고 있는데 이것이 스테이징 환경이라고 합니다. 그리고 우리는 그것을 추가할 것입니다. 이제 로컬로 돌아가서 먼저 로컬을 내 호스트(이 경우 WP 엔진)에 연결해야 합니다.

로그인하면 거기에 몇 가지 링크가 표시됩니다. 이 상단 링크를 방문하겠습니다. 그러면 내 WP 엔진 계정으로 다시 돌아가서 내 자격 증명을 생성할 수 있습니다. 이렇게 하면 API 사용자 이름과 비밀번호가 제공됩니다. 계속해서 복사하고 Local로 이동하여 붙여넣고 암호에 대해 동일한 작업을 수행하겠습니다. 이제 WP 엔진에 연결하는 중입니다. 여기에서 볼 수 있는 것은 WP 엔진에서 호스팅한 모든 사이트 목록으로 현재 나와 로컬에서 사용할 수 있습니다. 그리고 이러한 항목을 Local로 직접 가져올 수 있습니다. 그러나 여기서 다시 한 번 다른 방향에 대해 이야기하고 있습니다.

좋아, 지금까지 나랑 있어? 로컬 사이트를 보낼 호스트에 사이트를 만들었고 로컬 도구도 WP 엔진에 연결했습니다. 좋아, 앞으로 나아가자. 이제 제가 로컬에서 개발한 사이트를 실제로 확인할 시간입니다. 정말 지루합니다. 하지만 업스트림으로 보낼 때 컨텍스트를 얻을 수 있도록 사이트가 무엇인지 확인하시기 바랍니다.

먼저 이 특정 사이트를 WP 엔진에 연결하겠습니다. 그런 다음 클릭 한 번으로 붑니다. 어떤 사이트로 보낼지 알려주고 방금 만든 로컬 데모 사이트를 선택하겠습니다. 스테이징, 프로덕션 또는 개발로 직접 푸시할 수도 있습니다. 그리고 지금 이 경우에는 스테이징을 하고 있습니다. 그리고 선택적으로 데이터베이스를 보낼지 여부를 포함할 수 있습니다. 다음은 전문가 팁입니다. 로컬에서 개발할 때 때때로 게을러지고 끔찍한 사용자 이름과 암호를 사용합니다. 이를 라이브 서버로 푸시할 때 프로덕션 환경이 아니더라도 안전한 사용자 이름과 암호를 사용하고 있는지 확인해야 합니다.

좋아요. 그래서 우리는 밀어붙이는 과정을 시작했습니다. 여기에는 파일 업로드가 포함됩니다. 파일 이동에 대해 이야기했습니다.

그런 다음 옵션에서 데이터베이스를 선택했으므로 해당 데이터베이스를 업로드하겠습니다. 큰 데이터베이스에 있어야 합니다.

[웃음]

이제 우리가 언급한 URL 검색 및 바꾸기를 수행하고 있으며 데이터베이스 테이블 접두사를 확인하여 로컬과 라이브 간에 일치하는지 확인합니다. 배포 프로세스를 통해 마지막 배포 이후 얼마나 오래되었는지 화면 하단에서 확인할 수 있습니다. 이제 내 WP 엔진 계정으로 돌아가 보겠습니다. 방금 푸시한 사이트를 열어보겠습니다. 우리가 방문하면 방금 로컬에 있던 사이트임을 알 수 있습니다. 다시 말하지만 아주 특별한 것은 아니지만 있습니다. 그리고 URL 상황에 대해 보여드리기 위해 실제 URL로 업데이트된 것을 볼 수 있습니다. 정말 멋져요.

괜찮은. 아직도 나와 함꼐? 요약하면, 지금까지 라이브 사이트를 사용했습니다. 실례합니다만, 저희가 로컬에서 개발한 로컬 사이트입니다. 대상 서버에 사이트를 만들었습니다. 로컬을 WP Engine 계정에 연결하고 특정 사이트를 WP Engine에 연결했습니다. 그런 다음, 짜잔, 버튼 하나만 누르면 모든 일이 처리됩니다. URL을 대체하고 있습니다. 캐시를 파괴하고 있습니다. 또한 어떤 일이 잘못될 경우를 대비하여 프로세스 중에 백업을 수행합니다. 따라서 로컬로 배포하는 것은 엄청나게 쉽습니다. 처음 본 순간 팔렸습니다.

이제 적절한 감명을 받지 못한 경우를 대비하여 – 그렇게 되기를 바랍니다. 그렇지 않은 경우를 대비하여 이제 MagicSync라는 것을 소개하려고 합니다. 이제 MagicSync는 로컬 사이트에 있는 파일을 확인하고 대상 사이트의 파일과 비교하고 배포하려는 파일에 대해 구체적으로 지정할 수 있는 일종의 두 개의 창으로 구성된 뷰어입니다. 한 번 보자.

좋아요. 그래서 여기 Local로 돌아왔습니다. Local Preferences로 이동하면 MagicSync로 전환할 수 있는 버튼이 있습니다. 그리고 그것을 켜고 계속해서 적용하십시오. 이제 MagicSync가 어떻게 작동하는지 보여줄 수 있도록 기존 로컬 사이트에 무언가를 만들거나 추가해야 합니다. 그리고 로컬 WordPress 설치에 테마를 추가하여 그렇게 할 것입니다. 그리고 우리는 2021년과 함께 갈 것입니다.

그것은 중요하지 않습니다. 다시 말하지만 이것이 어떻게 작동하는지에 대한 예를 보여줍니다. 따라서 활성화할 필요가 없습니다. Local로 돌아가서 Push를 다시 클릭하겠습니다. 이번에는 MagicSync 창이 있다는 것을 알게 될 것입니다. 그리고 아래로 스크롤하면 2021년 테마가 있습니다. 파일 디렉터리에 로컬로 존재하고 푸시하면 해당 원격 환경에 추가된다는 것을 알 수 있습니다.

또한 이것을 푸시하면 삭제될 항목을 볼 수 있으며 이는 파일이 로컬과 원격 모두에 존재한다는 것을 의미합니다. 따라서 MagicSync를 사용하면 어떤 파일을 푸시할 것인지에 대해 정말 세분화할 수 있습니다. 이제 MagicSync를 사용할 필요가 없습니다. 당신은 그것을 하는 한 가지 방법인 모든 것에 대한 대대적인 추진을 할 수 있습니다. MagicSync를 사용하여 지정한 파일만 보내는 경우보다 시간이 조금 더 걸립니다.

그래서 WP 엔진으로 돌아갑니다. 라이브 사이트를 살펴보겠습니다. 테마로 이동하면 볼 수 있습니다. 그 2021 테마가 있습니다. 정말 멋져요. 자, 이것이 바로 MagicSync가 작동하는 방식입니다. 따라서 다시 말하지만 배포 프로세스의 일부로 MagicSync를 사용하거나 로컬 푸시를 계속 사용할 수 있습니다. 그것도 훌륭하게 작동합니다. 따라서 이 작업을 얼마나 쉽게 수행할 수 있는지 즐거우셨기를 바랍니다.

이제 이 작업을 수행하는 동안 문제가 발생하면 Local에는 정말 환상적인 커뮤니티 지원 포럼이 있습니다. 그리고 그들은 매우 활동적입니다. 그래서 질문을 하면 거기에서 답을 얻을 수 있습니다. 그리고 실제로 Local의 최초 제작자인 Clay Griffith에게 감사의 인사를 전합니다. 그리고 그는 또한 – 포럼에서도 그를 볼 수 있습니다.

이제 유료 WP Engine 또는 Flywheel 고객이라면 실제로 로컬 및 로컬 연결에 대한 전담 지원을 받을 수 있습니다. 정말 멋진 기능입니다. 그리고 경험을 통해 알고 있는 두 호스트 모두 놀라운 지원 팀을 보유하고 있습니다.

자, 요약해 봅시다. 마이그레이션과 관련하여 첫 번째 옵션은 무엇입니까? 오른쪽, 수동 데이터베이스 마이그레이션과 함께 SFTP 또는 cPanel. 그래서 당신은 그것을 내보낼 것입니다, 그리고 당신은 그것을 가져와야 합니다. 따라서 이것은 배포를 수행하는 가장 수동적인 방법입니다. 다음으로 마이그레이션 플러그인과 URL에서 검색 및 바꾸기, WordPress 데이터베이스 테이블 접두사를 확인할 수 있는 작업을 수행하는 일부 데이터베이스 도우미가 있습니다.

따라서 이전 SFTP 모델에 비해 개선되었지만 여전히 100% 버튼 클릭이 아닙니다. 물론, 파일과 데이터베이스를 서버에 가져오기 위한 로컬 연결 및 MagicSync라는 마지막 도구를 남겨두고 어느 것이 내가 가장 좋아하는 도구인지 알 수 있을 것입니다.

계속해서 시작하려면 localwp.com에서 Local을 아직 다운로드하지 않았으며 Local Connect는 완전히 무료로 사용할 수 있는 기능을 다운로드하도록 초대하고 싶습니다. Flywheel 또는 WP Engine에서만 작동한다는 점을 명심하십시오. 그리고 이러한 호스트 중 하나를 시험해 볼 수 있는 몇 가지 방법이 있습니다. Connect를 가지고 놀면서 어떻게 진행되는지 감을 잡기만 하면 됩니다.

괜찮은. 시간과 관심에 감사드리며 행복한 배포가 많이 이루어지기를 바랍니다.