programing

모바일 디바이스에서 MAMP/wordpress를 사용하여 로컬 서버를 테스트하고 있습니까?

newnotes 2023. 3. 26. 11:47
반응형

모바일 디바이스에서 MAMP/wordpress를 사용하여 로컬 서버를 테스트하고 있습니까?

저는 현재 로컬 데이터베이스를 사용하는 MAMP PRO를 사용하여 로컬 워드프레스 사이트를 개발하고 있습니다.

리모트 링크를 통해 이 사이트를 아이폰으로 테스트하고 싶습니다.제 휴대폰 URL에 다음과 같이 입력해서 이 작업을 할 수 있었습니다.

192.234.2.32:8888 

(IP 주소: 포트 번호)

문제는 인덱스 페이지가 표시되지만 CSS 스타일링이 없다는 것입니다.그리고 다른 페이지를 클릭하면 페이지를 찾을 수 없습니다.

서버에 제대로 연결된 것 같지만 Wordpress 데이터베이스에는 연결되지 않았습니다.(적어도 이것이 문제라고 생각합니다)

이 작업을 어떻게 해야 하는지 또는 올바른 방향으로 안내하는 방법을 알고 있는 사람이 있습니까?이를 위해 다른 어플리케이션이 필요합니까, 아니면 mamp/IP 주소 등으로 실행할 수 있습니까?

잘 부탁드립니다

모바일용 로컬 개발에 DNS를 사용하는 것을 선호합니다.이렇게 하면 모든 로컬 사이트에 동일한 IP 주소를 사용할 수 있지만 각 사이트에 대해 다른 이름을 사용할 수 있습니다(NameBasedVirtualHosts).

  • 일반 설정에서 WordPress; WordPress 주소 변경 위치
    localhost의 합니다.
  • [ MAMP PRO ]의 [General]탭에서 Xip.io (LAN 한정)를 체크하여 해당 주소를 복사합니다.
  • 일반적인 설정에서 WordPress 사이트 주소(URL)에 Xip.io 주소를 붙여넣습니다.
  • 모바일 디바이스에 액세스 하려면 , http://localhost.IPAddressOfYourLocalComputer.xip.io 를 참조해 주세요.

스크린샷 워드프레스

Mamp Pro(4.5)의 디폴트 포트를 변경하거나 WP 관리자에서 도메인 설정을 변경하지 않고 LAN + IOS 테스트 스킴을 OS 10.11 상에서 동작시킬 수 있었습니다.관련된 모든 비트는 다음과 같습니다.

  • Finder 서에에 finder finder finder finder finder finder finder finder finder finder finder finder finder finder finder 。 ~/sites/MAMP-hosted/yourdomain.com
  • 주소를 하여 [ for Mac의 [IP]를합니다.yourdomain.com[ IP address ] [ IP address ] 。 localhost
  • 서서 yourdomain.com> [ ]> [ Databases ]의 yourdomain.com (localhost는 할당하지 않습니다.)
  • 이름 확인, etc/hosts 옵션만 선택됨 등 나머지 모든 일반 탭 설정은 기본 설정입니다.
  • > 은 "를 가리키고 localhost > "MAMP-hosted"는 "MAMP-hosted" 폴더를 .yourdomain.com> 문서의 루트는yourdomain.com폴더입니다.

그런 다음 다음과 같이 wp-config를 조정합니다.

define('DB_NAME', 'name-of-your-database');

/** MySQL database username */
define('DB_USER', 'root');

/** MySQL database password */
define('DB_PASSWORD', 'root');

/** MySQL hostname */
define('DB_HOST', 'localhost');

define( 'WP_SITEURL', 'http://your-static-IP' );
define( 'WP_HOME', 'http://your-static-IP' );

http://your-static-IP로컬 네트워크상의 임의의 디바이스로 사이트를 기동합니다.http://your-static-IP/wp-login관리 액세스에 사용합니다.

이 상태에서 wp-admin을 사용하여 데이터베이스에 글을 쓰는 경우(게시 포스트 등) 해당 IP 주소를 삭제하기 위해 Velvet Blue와 같은 플러그인을 사용하여 마이그레이션 후 정리를 수행해야 할 수 있습니다.

이 스킴과 MAMP 온보드 SSL을 사용해 본 적은 없지만 사이트를 전용 호스트로 이행할 준비가 되면 다시 전환하는 것은 어렵지 않습니다.

먼저 Mamp Pro에서 Mamp Viewer를 활성화해야 합니다.

여기에 이미지 설명 입력

그런 다음 모바일에서 Mamp Viewer를 설치해야 합니다.

Mamp 서버와 모바일이 같은 네트워크에 있어야 합니다.

따라서 로컬 도메인과 함께 mamp 뷰어 또는 모바일브라우저를 통해 모바일로 웹사이트를 볼 수 있습니다(예: test.local).

Mac에서 호스트 파일을 편집하기만 하면 됩니다.

또는 https://www.macupdate.com/app/mac/40003/hosts과 같은 툴을 사용합니다.

모든 도메인을 MAMP 호스트 컴퓨터의 IP를 가리키고 mAMP 웹 서비스를 포트 80에 배치합니다.

도메인 이름에 www.domain.dev 등을 사용합니다.

언급URL : https://stackoverflow.com/questions/16385547/testing-local-server-with-mamp-wordpress-on-mobile-device

반응형