로컬 개발 환경 설정

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

주제:
Edge Delivery Services

작성 대상:

초급
개발자

Edge Delivery Services 개발을 위한 로컬 개발 환경을 설정하는 방법.

https://video.tv.adobe.com/v/3425717/?learn=on

비디오에 요약된 단계

AEM CLI 설치

code language-none
`$ sudo npm install -g @adobe/aem-cli`

AEM Boilerplate 템플릿에서 만든 git 저장소인 프로젝트 디렉터리로 디렉터리를 변경합니다.

code language-none
`$ git clone git@github.com:my-org/my-project.git $ cd my-project`

AEM CLI를 실행하여 로컬 AEM 인스턴스를 시작합니다.

code language-none

code language-none
$ pwd /Users/my-user/my-project $ aem up ___ ________ ___ __ __ / \| / ____/ \|/ / _____(_)___ ___ __ __/ /___ _/ /_____ _____ / /\| \| / __/ / /\|_/ / / ___/ / __ `__ \/ / / / / __ `/ __/ __ \/ ___/ / ___ \|/ /___/ / / / (__ ) / / / / / / /_/ / / /_/ / /_/ /_/ / / /_/ \|_/_____/_/ /_/ /____/_/_/ /_/ /_/\__,_/_/\__,_/\__/\____/_/ info: Starting AEM dev server vx.x.x info: Local AEM dev server up and running: http://localhost:3000/ info: Enabled reverse proxy to https://main--my-project--my-org.hlx.page opening default browser: http://localhost:3000/

$ pwd
  /Users/my-user/my-project

$ aem up
    ___    ________  ___                          __      __
   /   |  / ____/  |/  /  _____(_)___ ___  __  __/ /___ _/ /_____  _____
  / /| | / __/ / /|_/ /  / ___/ / __ `__ \/ / / / / __ `/ __/ __ \/ ___/
 / ___ |/ /___/ /  / /  (__  ) / / / / / / /_/ / / /_/ / /_/ /_/ / /
/_/  |_/_____/_/  /_/  /____/_/_/ /_/ /_/\__,_/_/\__,_/\__/\____/_/

info: Starting AEM dev server vx.x.x
info: Local AEM dev server up and running: http://localhost:3000/
info: Enabled reverse proxy to https://main--my-project--my-org.hlx.page
opening default browser: http://localhost:3000/

웹 브라우저 http://localhost:3000/ 를 열어 AEM 웹 사이트를 확인합니다.

recommendation-more-help

bb44cebf-d964-4e3c-b64e-ce882243fe4d