Tự động deploy Laravel project lên server với Laravel Envoy Github Webhooks – phần 1

Tram Ho

Giới thiệu

Như các bạn đã biết triển khai ứng dụng lên máy chủ là một công việc có vẻ đơn giản nhưng cũng đầy rủi ro.

Nếu bạn làm việc này theo cách cổ điển thì bạn phải:

  • Ssh vào server
  • Pull git
  • Chạy lệnh cập nhật thư viện: composer install, yarn install,…
  • Chạy lệnh migrate: php artisan migrate
  • Chạy các lệnh để build css, js

Có quá nhiều câu lệnh phải thực hiện. Thật không dễ dàng gì để nhớ và thực hiện hết các câu lệnh trên. Nếu bạn chạy sai lệnh hay quên không chạy một lệnh gì đó thì sẽ khiến trang web của bạn có thể không chạy đúng. Bên cạnh đó khi bạn đang thực hiện lệnh (giả sử mới pull git về xong nhưng chưa chạy composer install) thì trang web của bạn đã không thể truy cập được rồi. Tức là trang web sẽ có thời gian chết trong quá trình triển khai mã chương trình mới.

Để giải quyết các vấn đề đó chúng ta sẽ cùng nhau tìm hiểu cách thiết lập hệ thống tự động triển khai (auto deployment) trang web laravel của mình lên server sử dụng Laravel envoy và Github webhook.

Mình sẽ chia vấn đề này thành phần để cho các bạn dễ theo dõi và dễ hiểu hơn:

  • Deploy sử dụng Laravel envoy
  • Thiết lập auto deploy sử dụng Github webhook

Bài viết này chúng ta sẽ tìm hiểu phần thứ nhất: Deploy sử dụng Laravel envoy

Deploy sử dụng Laravel envoy

Laravel envoy

Laravel envoy bạn có thể hiểu đơn giản nó là một công cụ giúp chúng ta thực hiện các tác vụ trên máy chủ từ xa. Bình thường chúng ta phải ssh vào máy chủ rồi chạy các câu lệnh. Nhưng khi sử dụng Laravel envoy ta chỉ cần viết các câu lệnh đó vào một tác vụ (tác vụ A chẳng hạn) của envoy. Sau đó chạy lệnh envoy yêu cầu nó thực hiện tác vụ Athì tất cả các lệnh mình viết trong A sẽ được thực hiện trên máy chủ được chỉ định sẵn. Ưu điểm của việc này là ta không cần phải nhớ, không cần phải gõ quá nhiều câu lệnh chỉ cần nhớ mỗi câu lệnh envoy thôi mọi thứ sẽ được thực hiện đúng như những gì ta mong đợi. Và tất nhiên sử dụng Laravel envoy chúng ta sẽ tạo được kịch bản để deploy dự án của mình lên máy chủ một cách đơn giản và dễ dàng.

Vấn đề triển khai project laravel

Deploy thì dễ nhưng deploy mà thời gian chết của trang web là 0 thì rất khó.

Giả sử bạn có một project đang chạy ở thư mục thư mục gốc là A. Bạn muốn triển khai project đó với mã nguồn mới hơn và không làm ảnh hưởng đến cái đang chạy thì bạn phải tạo một thư mục B rồi triển khai trên đó. Sau khi cài đặt các thứ trên B xong thì bạn sẽ chuyển đổi thư mục gốc của trang web sang B. Bạn có thể vào config của Apache hay Nginx để thay đổi file cấu hình rồi restart lại Apache/Nginx. Nhưng điều đó quả thật là không nên vì nó phải sử dụng quyền cao nhất của server (sudo) và nó làm mất đi tính tự động của hệ thống của mình. Bạn có thể nghĩ đến việc xóa thư mục Arồi đổi tên B thành A. Đây cũng là một ý tưởng tốt nhưng nó lại tốn thời gian (vì dung lượng của thư mục code có thể không lớn nhưng có rất nhiều file nên quá trình xóa sẽ rất lâu) và chẳng may B bị lỗi thì không thể quay trở về A được.

Có một cách dễ dàng hơn để làm được điều này. Bạn sẽ sử dụng câu lệnh ln để liên kết thư mục gốc của trang web với thư mục chứa mã chương trình của mình. Khi truy cập vào thư mục gốc của trang web nó sẽ nhảy đến thư mục chứa mã chương trình của mình. Nếu muốn thay đổi thư mục chứa chương trình thì chỉ cần liên kết lại là xong. Trong tình huống trên ta sẽ liên kết thư mục gốc của web với A. Khi deploy xong sẽ liên kết với B. Nếu B chẳng may bị lỗi thì ta lại liên kết với A để xử lý lỗi ở B. Lúc này hệ thống vẫn chạy bình thường trên A. Xử lý lỗi xong lại liên kết đến B. Quá trình tạo một liên kết (link) rất nhanh nên có thể nói cách này sẽ giúp việc deploy với thời gian chết là 0.

Tuy nhiên nếu B là cái mới hoàn toàn thì những dữ liệu người dùng tải lên (ảnh, video, tài liệu,…) sẽ không có trong B. Do vậy chúng ta phải sao chép các thư mục chứa những dữ liệu như vậy ra một nơi khác (thư mục share chẳng hạn). Những thư mục tài nguyên trong A và B sẽ được liên kết với các thư mục tương ứng trong share.

Xét một project laravel cụ thể. Sau khi cài đặt xong ta có thể thấy chương trình của chúng ta sẽ có rất nhiều thư mục chứa các tài nguyên khác nhau:

  • Các thư mục của framework laravel và code của mình: appconfigdatabaseresourcespublicroutes
  • Các thư mục chứa các thư viện: node_modulesvendor
  • Các thư mục chứa tài nguyên người dùng tải lên: thông thường mình sẽ đặt ở một thư mục con nào đó trong thư mục storage
  • Các thư mục chứa file tài nguyên cố định (ví dụ một bản hướng dẫn người dùng bằng file docx): sẽ chứa trong thư mục storage
  • Thư mục chứa session của trang web: mặc định sẽ là storage/framework/sessions
  • Các thư mục chứa dữ liệu được tạo ra bởi laravel (cache view, các loại cache khác,…): sẽ tồn tài trong storage/framework

Bây giờ phải phân tích và tính toán xem thư mục nào cần phải cho vào share và thư mục nào là không cần. Những tài nguyên cho vào share phải là tài nguyên được tạo ra khi người dùng thực hiện các thao tác trên hệ thống của mình hoặc là một tài nguyên tĩnh nào đó của hệ thống mà mình sẽ không bao giờ thay đổi mỗi lần deploy.

  • Các thư mục của framework laravel và code của mình tất nhiên không thể shaređược vì mỗi lần mình cập nhật thì nội dung mã sẽ khác.
  • node_modulesvendor là các thư mục rất nặng của project nhưng lại không nên share. Vì mỗi khi bạn cài một thư viện mới hoặc xóa thư viện cũ đi hay chỉ là thay đổi phiên bản của thư viện thì dữ liệu trong 2 thư mục này nó sẽ đồng bộ theo cái cài đặt sử dụng thư viện mới của bạn. Như vậy nếu triển khai bản mới project của bạn thì bản cũ không thể sử dụng được rồi. Mình phải đảm bảo việc có thể quay lại phiên bản cũ để đề phòng phiên bản mới có lỗi không lường trước được. Chốt lại là không share thư mục này.
  • Thư mục chứa tài nguyên người dùng tải lên: share ngay và luôn
  • Thư mục chứa file tài nguyên cố định: không share. Vì giả sử mình muốn thêm file mới vào thư mục này chẳng hạn. Nếu bạn share thì khi pull git về chúng ta sẽ xóa thư mục này đi và liên kết thư mục đó trong share. Lúc này thư mục trong share sẽ không thể có nội dung mình mới cho vào được.
  • Thư mục chứa session: share. Giả sử người dùng đang đăng nhập và có thực hiện một việc gì đó mà ta lưu lại session chẳng hạn. Nếu mình không share thì khi chuyển sang bản mới các dữ liệu đó mất hết. Chính trạng thái đăng nhập của người dùng cũng có thể bị mất nếu bạn thiết lập không cho remember token. Người dùng đang nhập liệu một cái gì đó chẳng hạn thì sẽ bị lỗi vì chưa đăng nhập. Còn nếu như project của bạn có sử dụng session để lưu một cái gì đó có cấu trúc dữ liệu khác giữa 2 phiên bản thì bạn bỏ share thư mục này.
  • Thư mục chứa dữ liệu được tạo ra bởi laravel: không share. Vì khi view thay đổi chẳng hạn thì dữ liệu cache sẽ thay đổi theo. Nếu bạn share thì có thể sẽ dẫn đến bị lỗi do vẫn sử dụng dữ liệu cache từ phiên bản cũ.

Sau một hồi hì hục phân tích thì chúng ta sẽ share các dữ liệu tải lên của người dùng và session thôi. Ngoài ra mình còn phải share thêm một file cực kì quan trọng nữa. Đó là file .env. Đây là file cấu hình chung cho toàn bộ các phiên bản khi mình triển khai.

Cài đặt và sử dụng Laravel envoy

Cài đăt Laravel envoy rất dễ dàng chỉ cần chạy câu lệnh

Sau khi cài đặt xong là bạn đã sử dụng được envoy luôn. Cách sử dụng envoy thì đơn giản thôi. Cú pháp của nó giống cú pháp của blade template nên rất trực quan và dễ sử dụng. Bạn viết đoạn mã sau vào file Envoy.blade.php trong thư mục gốc của dự án.

Sau đó chạy lệnh envoy run foo như vậy là lệnh trong task foo sẽ được chạy trên server web.

Bạn hãy tham khảo trang docs của envoy để biết thêm chi tiết cách sử dụng của nó nhé.

.u8d3ce3dc5919bab0cf9410aecec869ec { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#eaeaea; border:0!important; border-left:4px solid #34495E!important; text-decoration:none; } .u8d3ce3dc5919bab0cf9410aecec869ec:active, .u8d3ce3dc5919bab0cf9410aecec869ec:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .u8d3ce3dc5919bab0cf9410aecec869ec { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .u8d3ce3dc5919bab0cf9410aecec869ec .ctaText { font-weight:bold; color:inherit; text-decoration:none; font-size: 16px; } .u8d3ce3dc5919bab0cf9410aecec869ec .postTitle { color:#000000; text-decoration: underline!important; font-size: 16px; } .u8d3ce3dc5919bab0cf9410aecec869ec:hover .postTitle { text-decoration: underline!important; }

  Hướng dẫn build video call app sử dụng framework Easyrtc

.u1d1ad50be567a5bfdaa0d401b5ae0d42 { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#eaeaea; border:0!important; border-left:4px solid #34495E!important; text-decoration:none; } .u1d1ad50be567a5bfdaa0d401b5ae0d42:active, .u1d1ad50be567a5bfdaa0d401b5ae0d42:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .u1d1ad50be567a5bfdaa0d401b5ae0d42 { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .u1d1ad50be567a5bfdaa0d401b5ae0d42 .ctaText { font-weight:bold; color:inherit; text-decoration:none; font-size: 16px; } .u1d1ad50be567a5bfdaa0d401b5ae0d42 .postTitle { color:#000000; text-decoration: underline!important; font-size: 16px; } .u1d1ad50be567a5bfdaa0d401b5ae0d42:hover .postTitle { text-decoration: underline!important; }

  Tự học kiểm thử tự động với Appium- Giới thiệu Appium và hướng dẫn cài đặt (Phần 1)

Thiết kế công cụ deploy

Để triển khai dự án laravel lên server từ github bạn phải thực hiện các bước:

  • Clone dữ liệu: Clone github repository vào một thư mục. Tên thư mục sẽ được đặt theo thời gian deploy
  • Khởi tạo thư mục share: Tạo các thư mục, các file share nếu chúng không tồn tại
  • Liên kết thư mục được share: Xóa các thư mục share trong thư mục mới clone từ github về và liên kết chúng tương ứng với các thư mục trong share
  • Liên kết file .env: Tạo liên kết với file .env trong share
  • Cài đặt các thư viện: chạy composer installyarn install
  • Chạy các lệnh khácphp artisan migrate --forcephp artisan storage:linkyarn prod
  • Phân quyền: cấp thêm quyền cho các thư mục cần thiết
  • Chuyển web root: liên kết thư mục gốc của trang web với thư mục đã được triển khai xong

Cấu trúc thư mục của hệ thống deploy sẽ như sau:

  • current: là thư mục gốc của web. Nó sẽ link đến thư mục được triển khai trong releases
  • releases: sẽ chứa các bản deploy
  • share: chứa các thư mục được chia sẻ giữa các phiên bản deploy

Cấu hình vitual host ở file apache config: DocumentRoot sẽ là thư mục public trong thư mục current

Sử dụng Laravel envoy trước tiên phải tạo file Envoy.blade.php ở thư mục sẽ chạy command envoy bao gồm story deploy và các tasks thực hiện các công việc ở trên:

Chú ý: nếu task không có câu lệnh nào thì envoy sẽ báo lỗi do đó bạn hãy comment những task nào chưa dùng đến trong quá trình viết các task.

Clone dữ liệu

Đối với mỗi lần deploy khác nhau thì mình có thể chỉ định được cần deploy branch nào, deploy vào thư mục release nào. Do đó ta phải thiết kế câu lệnh làm sao có thể clonemột branch bất kỳ từ git về một thư mục nào đó.

Câu lệnh clone dữ liệu từ github sẽ như sau:

Mình sẽ tạo các biến lưu giá trị để khi nào muốn thay đổi sẽ dễ dàng hơn: $gitRepo(repository github link), $defaultBrand (brand mặc định – bạn có thể dùng thuộc tính –brand để chỉ định cần pull brand nào), $release (tên thư mục mình sẽ clone code về), $path (thư mục gốc).

Thêm lệnh clone vào task git.

Phần {{ $branch ?? $defaultBrand }} giúp bạn có thể dùng thuộc tính –brand để chỉ định cần pull brand nào (ví dụ: envoy run deploy --branch=develop). Sau khi clone xong thì tất cả dữ liệu chương trình sẽ được đặt trong thư mục $release.

Liên kết các tài nguyên được share

Trong project của mình có một thư mục dùng để lưu ảnh avatar của user (storage/app/public/avatars) mình sẽ cài đặt để share thư mục đó. Ngoài ra sẽ có thư mục storage/framework/sessionsstorage/logs cũng sẽ được share. Khi deploy lần đầu tiên thì mặc định trong share sẽ không có thư mục hay file nào cả. Mình phải khởi tạo thư mục ban đầu cũng như khởi tạo file được share. Ví dụ file .env thì phải copy từ file .env.example. Sau khi khởi tạo xong thì xóa những thư mục đó trong bản release. Cuối cùng sẽ tạo symlinks liên kết thư mục trong bản release với thư mục trong share.

Để dễ dàng thao tác hơn, mình sẽ tạo một mảng lưu các thư mục share cần phải tạo symlinks

Duyệt qua tất cả thư mục share để tạo symlink, tạo thư mục nếu cần thiết. Riêng file .env sẽ được khởi tạo từ .env.example.

Cài đặt các thư viện

Khi một task mới được chạy, thư mục làm việc sẽ được chuyển thành thư mục gốc (thư mục chứa file Envoy.blade.php đó). Vì vậy muốn thao tác với thư mục nào ta phải chuyển đến thư mục đó bằng lệnh cd.

Chú ý: Lúc install composer thì có thể xảy ra trường hợp gói có nhiều phiên bản hỗ trợ hoặc bị xung đột với gói nào đó thì mình phải chọn gói cài đặt phù hợp. Tức là mình phải tương tác với terminal khi trong quá trình install. Để bỏ sự tương tác, cho composer thực hiện tự động thì phải cho thêm thuộc tính --no-interaction.

Chạy các lệnh khác

Phần này mình sẽ chạy các lệnh liên quan đến việc install các thư viện javascript và build file css và js.

Cấp quyền

Cấp quyền cho các thư mục làm sao để cho vừa bảo mật và web chạy được cũng không phải là vấn đề đơn giản. Mình sẽ có một bài viết để bàn luận kỹ hơn về vấn đề này. Như các bạn đã biết apache trên ubuntu chạy dưới quyền của người dùng www-data. Cách mình triển khai sẽ cho người dùng www-data sở hữu thư mục code. Đối với các thư mục cần quyền ghi mình sẽ cấp full quyền cho người dùng sở hữu nó (www-data).

Thông thường chúng ta hay sử dụng các câu lệnh mình đã comment vì nó ngắn và dễ nhớ. Ví dụ {{-- chmod -R ug+rwx {{ $release }}/storage --}}. Câu lệnh này sẽ cấp quyền cho tất cả file và thư mục con có trong {{ $release }}/storage. Điều này dường như không cần thiết, chỉ cần cấp quyền cho thư mục là đủ. Vì thông thường các thư mục chứa dữ liệu kiểu như thế này mặc định nó sẽ rỗng. Dữ liệu trong đó sẽ được tạo ra trong quá trình chạy.

Chuyển web root

Khi mọi việc diễn ra thuận lợi thì sẽ tiến hành xóa file current cũ đi và tạo liên kết với một bản release mới.

Kết quả

Vậy là xong rồi. Bạn có thể xem chương trình đầy đủ tại https://github.com/HoangHoi/envoy-deploy.

Khi nào bạn muốn deploy thì chỉ cần chạy lệnh envoy run deploy rồi đi pha ngay một cốc milo để chờ đợi thôi. Thật dễ dàng và đơn giản phải không các bạn.

Kết luận

Như vậy chúng ta đã cùng nhau xây dựng xong công cụ triển khai hệ thống sử dụng Laravel envoy. Bài viết của mình xin kết thúc tại đây. Hi vọng sẽ giúp ích được cho các bạn. Chúc các bạn có một ngày tốt lành!

.ua6a326162acc54013f30ea1ab32b827a { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#eaeaea; border:0!important; border-left:4px solid #34495E!important; text-decoration:none; } .ua6a326162acc54013f30ea1ab32b827a:active, .ua6a326162acc54013f30ea1ab32b827a:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .ua6a326162acc54013f30ea1ab32b827a { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .ua6a326162acc54013f30ea1ab32b827a .ctaText { font-weight:bold; color:inherit; text-decoration:none; font-size: 16px; } .ua6a326162acc54013f30ea1ab32b827a .postTitle { color:#000000; text-decoration: underline!important; font-size: 16px; } .ua6a326162acc54013f30ea1ab32b827a:hover .postTitle { text-decoration: underline!important; }

  Seeder và Model Factory trong Laravel

.ud6e8971851cf83f3f9978e9be95a729b { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#eaeaea; border:0!important; border-left:4px solid #34495E!important; text-decoration:none; } .ud6e8971851cf83f3f9978e9be95a729b:active, .ud6e8971851cf83f3f9978e9be95a729b:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .ud6e8971851cf83f3f9978e9be95a729b { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .ud6e8971851cf83f3f9978e9be95a729b .ctaText { font-weight:bold; color:inherit; text-decoration:none; font-size: 16px; } .ud6e8971851cf83f3f9978e9be95a729b .postTitle { color:#000000; text-decoration: underline!important; font-size: 16px; } .ud6e8971851cf83f3f9978e9be95a729b:hover .postTitle { text-decoration: underline!important; }

  Cùng xây dựng website Laravel + Vuejs chi tiết cho người mới học phần 1

Chia sẻ bài viết ngay

Nguồn bài viết : viblo