정적 반응 앱 배포

이 안내서는 정적 단일 페이지를 배포하는 방법을 설명합니다. ReactJS 우리 중 하나에 응용 프로그램 공유 웹 호스팅 또는 사업 웹 호스팅 계정.공유 웹 호스팅 계정은 포트폴리오에 대한 정적 앱을 배포하거나 전체 개발자 포트폴리오 사이트 자체를 호스팅하기위한 완벽한 대상입니다.이것은 코드를 웹에 넣고 원하는 도메인을 사용하여 포트폴리오를보다 전문적인 외모로 만드는 쉬운 방법입니다.이 가이드를 계속하려면 Facebook의 App Creation Tool을 사용하여 익숙하거나 이미 사용하고 싶습니다. 반응 앱 생성 프로젝트를 만들 수 있습니다.

이 가이드는 정보 목적으로 만 사용됩니다. 개발 프로젝트를 지원하기 위해 웹 개발자와 상담하여 Hostwinds 지원 층으로 덮여 있지 않으므로

시작하기 전에

이 가이드와 함께 따라야하는 몇 가지 다른 항목이 있습니다.

먼저: Hostwinds와 공유 또는 공유 비즈니스 호스팅 계정이 필요합니다.
둘째: create-react-app으로 만든 React 애플리케이션이 필요합니다.
제삼: 다음과 같은 FTP 프로그램을 원할 것입니다. FileZilla 그리고 이미 cPanel에서 FTP 액세스 설정 이 가이드를 계속하려면

너의 컴퓨터

가장 먼저 할 일은 로컬 개발 환경을 열고 로컬 컴퓨터에 쉘 프롬프트에 들어가서 프로젝트의 프로젝트 빌드를 생성하는 것입니다.

Step One: 디렉토리에 대한 다음 행을 입력하여 디렉토리를 프로젝트의 디렉토리로 변경하십시오.

cd /my_projects/my_example_project

2 단계 : 프로젝트 디렉토리에 있으면 다음을 입력합니다.

npm run build

이렇게하면 앱이 작업 할 수있는 필수 종속성의 생산 빌드를 생성합니다. 프로덕션 빌드 파일은 빌드라는 프로젝트 폴더의 새 디렉토리에 배치됩니다.

파일을 서버로 FTP

그런 다음 FTP 프로그램을 사용하여 프로덕션 파일을 공유 호스팅 계정으로 이동합니다.

Step One: FTP 프로그램을 열고 웹 호스팅 계정에 연결하십시오.

2 단계 : 이것이 호스팅하는 첫 번째 프로젝트 인 경우, 예를 들어 주요 포트폴리오 페이지라고 가정 해 보겠습니다. 예를 들어 공유 호스팅 계정의 루트 디렉토리로 전송합니다.기본적으로 기본 웹 호스팅 계정의 문서 루트는 서버의 대상 폴더에 있으며 public_html이라는 이름입니다.여기에서 기본 웹 사이트에 대한 홈페이지를 이미 만들었 습니다면 homepage 또는 유사한 주요 도메인 이름과 같은 기본 도메인 이름과 관련된 파일 및 폴더를 찾을 수 있습니다.

3 단계 : FTP 프로그램에서 프로젝트의 파일의 빌드 폴더로 이동 한 다음 빌드 폴더의 모든 파일을 선택하고 FTP 프로그램의 GUI의 다른쪽에있는 Public_html 폴더의 올바른 디렉토리에 파일을 선택합니다.

4 단계 : 파일 전송이 완료되면 URL 막대에 도메인을 입력하여 응용 프로그램을 즉시 사용할 수 있어야합니다.

5 단계 : public_html 폴더의 하위 디렉토리에 배포하려면 빌드를 실행하기 전에 추가 단계를 수행해야합니다. 하위 디렉토리에서 렌더링 할 앱을 원하는 경우 프로젝트의 package.json 파일 내의 홈페이지에 대한 참조를 추가해야합니다. 그것 없이는 탐색 할 때 페이지가 빈 화이트가됩니다. 필요한 참조는 다음과 같습니다.

"homepage": "https://yourdomain.mn/public_html/bar",

그리고 배치되면

package.json

다음과 같이 보일 것입니다.

이 참조가 추가되고 NPM 실행 빌드가 완료되면 빌드 파일을 public_html 디렉토리의 모든 하위 디렉토리에 ftp로 설정하고 앱이 해당 디렉토리에서 렌더링됩니다.

요약

HostWinds 공유 호스팅 계정에 정적 REAST 앱을 배포하는 것이 가능하고 상당히 쉽습니다.이것은 개발자가 자신의 도메인 이름에 포트폴리오를 모으기 위해 더 전문적인 웹 사이트를 갖기위한 간단한 옵션입니다.고급 옵션을 찾고 서버 구성을 완전히 제어 할 수 있고 앱을 프로덕션 환경으로 이동할 준비가되어있는 경우 우리는 우리는 SSD 클라우드 VPS 서버.