Netlify의 개발 도중 웹 사이트의 간단한 미리보기를 사용합니다.임시 공개 개발 지점 방법

이럴 때

Github 사용

Netlify에서 관리됩니다.하고 싶어요.

개발 중인 상태를 스마트폰으로 미리 보거나 보여주고 싶다.하지만 공개 상태가 되고 싶지 않아요.

단계

Github와 함께 사용할 저장소 준비

Netlify 연결

개발용 지점을 차단하여 작업하고 이 지점을push

로 설정한다

Github 열기

netlify는 신축 가능한 화면에 반응한다.

1. Github와 협업할 자료 라이브러리 준비

github와 합작할 수만 있다면 내용은 무엇이든지 가능하다.당연히 프론트 데스크지.

2. Netlify 연결

접대 서비스.많이 할 수 있고 스타일리시한 UI.
Netlify: All-in-one platform for automating modern web projects.
Github 계정으로 등록할 수 있습니다.
Github와 협력하여push만 있으면 자동으로 마스터 지점을 구축하고 공개할 수 있습니다.
netlify 측에서도 구축된 명령을 의뢰할 수 있습니다.그래서 vue와react도 실을 수 있어요.좋은 술.
먼저 netlify에 사이트를 배치하고 준비를 끝냅니다.

3. 개발용 분기 절단 작업,push

일시적으로 공개 상태인 마스터가 아니라 개발을 위해 지점을 차단하는 작업이다.그리고 push 그 지점.

git checkout -b dev
git commit -a -m "message"
git push -u origin dev

4. Github 열기

아래와 같이 마스터의 화면에 변형으로 나타나는 경우도 있다.

화면 힌트를 누르다.
(자신이 플릭을 낼 수 있구나...)

5.netlify는 Purrick 화면에 반응합니다.

netlify와 협력하면 많은 것을 검사할 것 같습니다.뭐 공부 해요?
맨 아래 deploy-preview 옆에 있는details를 엽니다.
마스터에게 공개되기 전의 미리보기는'deploy-preview...'라는 URL에 배치되었다.
https://deploy-preview-1--netlify-sample01.netlify.com/
특히 여기서 설정할 필요 없이 자동으로 배치됩니다.좋은 술.
이 링크는 병합된 후에도 유효합니다.(언제까지 효과가 있을지 수수께끼야..

참고 자료

Netlify + GitHub + VueJS의 PWA에서 deploy preview – Takeshi Amano-Medium