Calico 시작 안내서

3872 단어
Calico는 미리 설정된 규칙에 따라 템플릿과 자료 라이브러리를 통해 정적 웹 사이트에 필요한 Html 파일을 생성할 수 있습니다.Calico는 동적 서버인 척 합니다.Calico에 대한 규칙과 템플릿은 모두 Calico가 동적 서버인 것처럼 가장하여 확립된 것이다.

Calico의 작동 방식


구체적으로, Calico가 Request를 받으면 Request의 URL을 해석하고 루트 규칙을 통해 템플릿View와 일치합니다.템플릿View를 통해 html 페이지를 구성합니다.템플릿View에는 JavaScript로 작성된 스크립트를 삽입할 수 있습니다. 이 스크립트들은 Request의 매개 변수(URL에서 해석됨)를 통해 대응하는 자원을 얻을 수 있습니다. 이 자원들은 다른 html 페이지일 수도 있고markdown 파일일 수도 있고 심지어 json 파일일 수도 있습니다.읽은 자원은 작은 스크립트를 통해 템플릿 보기를 삽입하여 최종적으로 보이는 html 페이지에 표시됩니다.최종적으로 이 html 페이지는 Response로 되돌아옵니다.
그러나 Calico는 동적 웹 서버가 아닙니다.실제로 Calico는 웹 사이트에 필요한 모든 html 파일만 한꺼번에 생성할 수 있다.그것은 이렇게 일한다.
우선, Calico는 피드 주소 세트를 선택합니다. 기본값은 "/"루트입니다.그 다음에 이 피드 주소를 요청하고 html 페이지를 렌더링합니다.이후 html 페이지에서 모든 지향역 내의 URL을 찾고 이 URL로 더 많은 html 페이지를 렌더링할 것을 요청합니다.이 과정은 더 많은 지향 사이트 내의 URL 주소를 찾을 수 없을 때까지 반복적으로 진행될 것이다.
이 과정의 원리는 파충류와 유사하다.이렇게 하면 Calico가 생성한 html 파일 더미를 확보할 수 있고 그 안의 모든 가리키는 사이트 안의 URL은 열 수 있다.그 다음에 우리는 Calico가 생성한 모든 파일을 정적 웹 사이트에 발표하기만 하면 된다.

설치


Calico는 현재 Unix/Linux/macOS 플랫폼만 지원합니다.git, ant, JDK1.8이 설치되어 있는지 확인하십시오.
우선, Calico가 설치한 대상 폴더를 선택하고 Terminal로 이 폴더 아래로 전환해야 합니다.다음 두 줄 명령의 임의의 줄을 실행하여clone 전체 항목을 실행합니다.
  • git clone [email protected]:Moskize91/Calico.git
  • git clone https://github.com/Moskize91/Calico.git

  • 그런 다음 cd Calico 를 입력합니다.
    프로젝트 폴더에 들어가면 ./build 을 입력하여 전체 프로젝트를 구성합니다.보시면...
    BUILD SUCCESSFUL
    Total time: 2 seconds
    

    를 참조하십시오.그렇지 않으면 ant와 JDK1.8이 설치되어 있는지 확인하십시오.
    그런 다음 를 입력하여 Calico를 설치합니다.
    그중에 당신이 sudo 비밀번호를 입력해야 할 수도 있습니다. 입력하면 됩니다.보다
    Success.
    

    를 참조하십시오.

    첫 번째 Calico 템플릿


    Calico의 경우 템플릿 리소스 = 사이트입니다.우리 먼저 가장 간단한 자원 없이 사용할 수 있는 템플릿을 쓰자.
    mkdir example
    cd example
    

    템플릿 폴더로 example라는 빈 폴더를 새로 만듭니다.그리고...
    mkdir view
    

    뷰라는 이름의 이 폴더는 템플릿View를 전문적으로 저장합니다.그 다음에...
    vim ./view/main.html
    

    그리고 ./install 를 눌러 입력...
    
         hello world.
     
    

    그리고 i 를 누르고 ESC 를 입력하고 리턴하여 종료를 저장합니다.이 폴더에 있는지 확인하십시오.
    마지막으로 다음 명령을 입력하여 서비스 모드로 Calico를 시작합니다.
    calico service
    

    하면, 만약, 만약...
    Running! Point your browser to http://127.0.0.1:8080/ 
    

    Calico가 성공적으로 시작되었음을 나타냅니다. 이때 브라우저를 사용하여 127.0.1:8080에 방문하면 우리의helloworld 페이지를 볼 수 있습니다.

    서비스 모드


    Calico는 이 모드로 실행될 때 로컬에서 특정 포트를 감청합니다(기본 8080).브라우저를 사용하면 이 포트를 통해 Calico와 직접 상호작용할 수 있습니다.이때 Calico는 동적 웹 서버와 같이 브라우저의 매번 Request에 대한 Response만 생성합니다.
    이 모드에서 Calico를 실행하면 템플릿을 디버깅하는 데 도움이 됩니다.템플릿의View 파일이나 JavaScript 스크립트 파일, 자원 파일을 수정한 후에 브라우저를 새로 고치면 수정 후의 효과를 바로 볼 수 있습니다.
    를 눌러 Calico 서비스 모드를 종료합니다.
    그 다음에,build 모드를 사용하여 Calico를 실행하려고 합니다.
    우선 :wq 폴더에 있는지 확인하고 example 를 입력하십시오. 이때 보셔야 합니다.
    view
    

    뷰 폴더가 하나밖에 없습니다. 이것이 바로 우리가 방금 새로 만든 것입니다.그런 다음 다음 다음 명령을 입력하고 실행합니다.
    calico build
    

    보이다
    Clean target directory: /Users/taozeyu/test/example/target
         delete file /Users/taozeyu/test/example/target
    
    Copy resource files
    
    Generate html pages.
        generate path /
    

    실행이 성공했음을 나타냅니다. 이때 입력 Ctrl + C 하면...
    target view
    

    target 폴더가 하나 더 있습니다. 이것은 Calico에서 생성한 것입니다.
    우리는 example 을 사용하여 이 폴더 안의 파일을 보았다.보이는데..
    index.html
    

    우리는 브라우저를 사용하여 이 파일을 열면 브라우저에 표시된 것을 볼 수 있습니다.
    hello world
    이것이 바로 Calico가 우리의 템플릿View를 사용하여 생성한 목표 html 파일입니다.

    build 모드


    Calico는 이런 모드로 실행할 때 피드 주소부터 모든 가능한 html 파일을 반복적으로 생성합니다.html 파일이 생성될 때마다 이 html의 모든 가리키는 사이트 내의 URL을 수집하고 이 URL을 통해 더 많은 html 파일을 계속 생성합니다.더 많은 html 파일이 생성될 수 없을 때까지.

    좋은 웹페이지 즐겨찾기