docker를 사용하여 daocloud 기반의 자체 호스트에 자동 배포-JS 튜토리얼-php.cn

docker를 사용하여 daocloud 기반의 자체 호스트에 자동 배포

小云云

풀어 주다： 2018-01-03 15:01:55

원래의

1854명이 탐색했습니다.

프런트 엔드 개발에서 프로젝트 배포는 우리가 자주 하는 일입니다. 이 기사에서는 주로 docker 컨테이너와 git webhook 후크를 사용하여 vue 프로젝트를 우아하게 배포하는 방법에 대해 설명합니다. git Hook 이벤트가 발생하면 자동으로 배포됩니다. . 물론 여기서 제안하는 것은 태그 이벤트이다.

여기서 프로젝트의 기본 파일 작성을 마쳤습니다. 이 프로젝트를 vue 프로젝트에 복사하기만 하면 됩니다!

프로젝트 주소 docker vue project

Instructions

<span style="font-size: 16px;">git clone https://github.com/devdocker/dao-vue<br><br>cp -r dao-vue vueitem<br><br>vueitem 是你的vue项目地址<br></span>

로그인 후 복사

이때 프로젝트 파일 구조

docker를 사용하여 daocloud 기반의 자체 호스트에 자동 배포

그런 다음 daocloud.io 공식 웹사이트로 이동하여 새 프로젝트 이 프로젝트를 기반으로

daocloud.io를 모르더라도 상관없습니다. 등록하고 설명서를 읽어보세요. 앞으로 daocloud.io에 대한 자세한 설명서를 작성하겠습니다.

다오클라우드를 사용해보신 분이라면 프로젝트를 생성하고, 컴파일 및 퍼블리싱하고, 트리거 조건을 설정한 뒤 자동으로 호스트에 퍼블리싱해 보세요.
물론, 서버에 배포한 후 포트를 적어두고 동적으로 만들지 마세요.

그런 다음 nginx upstream Proxy_pass 역방향 프록시를 사용하여 도메인 간 문제를 해결할 수 있습니다.

구성은 다음과 같습니다

<span style="font-size: 16px;">upstream webfenxi {<br>        server 127.0.0.1:8083; # 这是服务器使用docker启动的端口<br>}<br>server<br>    {<br>        listen 80;<br>        #listen [::]:80;<br>        server_name webfenxi.com ; # 这是绑定的自己的域名<br>        index index.html index.htm index.php default.html default.htm default.php;<br>        root  /home/wwwroot/webfenxi.com;<br><br>        include other.conf;<br>        #error_page   404   /404.html;<br><br>        # Deny access to PHP files in specific directory<br>        #location ~ /(wp-content|uploads|wp-includes|images)/.*\.php$ { deny all; }<br><br>        include enable-php.conf;<br><br>        location / {<br>                proxy_set_header X-Real-Ip $remote_addr;<br>                proxy_set_header X-Forward-For $proxy_add_x_forwarded_for;<br><br>                proxy_set_header X-Nginx-Proxy true;<br>                proxy_pass http://webfenxi;  # 代理地址<br>                proxy_redirect off;<br>               # try_files $uri $uri/ /index.html;<br>             }<br><br>          location /v1/ {<br>             proxy_pass http://api.xxxx.com/v1/;  #代理的接口，解决跨域问题<br>          }<br><br>          location ~ /.well-known {<br>              allow all;<br>          }<br><br>          location ~ /\.<br>          {<br>              deny all;<br>          }<br><br>          access_log  /home/wwwlogs/webfenxi.com.log;<br>      }<br></span>

로그인 후 복사