Bước đầu tiên rõ ràng là đăng ký tài khoản với AwardSpace. Điều đó có nghĩa chính xác là thực hiện một cú nhấp chuột. Với biểu mẫu đăng ký lưu trữ miễn phí chỉ bằng một cú nhấp chuột của chúng tôi, bạn sẽ tự hào là chủ sở hữu của một tài khoản lưu trữ web miễn phí trước khi bạn biết điều đó Show
2. CHỌN CMSKhi bạn đã tạo tài khoản lưu trữ miễn phí, bạn có thể chọn CMS yêu thích của mình và tiến hành cài đặt. Đi lấy một tách cà phê, và… ồ, không, đừng làm thế. Khi bạn đến nhà bếp, Trình cài đặt Zacky của AwardSpace sẽ sẵn sàng thực hiện nhiệm vụ và trang web của bạn sẽ chờ bạn 3. THƯỞNG THỨC TRANG WEB CỦA BẠNBước thứ ba là yêu thích của chúng tôi. Sau khi bạn đã đăng nhập bằng một cú nhấp chuột và nhấp một lần nữa để cài đặt CMS, giờ bạn đã sẵn sàng để tận hưởng trang web của mình Trong bài đăng này, tôi sẽ chia sẻ kinh nghiệm, hướng dẫn của mình trong việc triển khai trang web/ứng dụng web của bạn trên các máy chủ web miễn phí khác nhau. Tuy nhiên, bài đăng này sẽ không cung cấp thông tin chi tiết và giải thích tường tận Ảnh bìa của Fabian Grohs trên Bapt Cho dù để triển khai dự án cá nhân, dự án trường học của bạn hay để thử nghiệm các ứng dụng web của bạn, có một số máy chủ web mà bạn có thể triển khai chúng miễn phí Nếu bạn biết cách sử dụng Git, một hệ thống kiểm soát phiên bản, thì thật tuyệt 👍 Nếu không, tôi khuyên bạn nên học nó, những tài nguyên này có thể giúp bạn. Đối với các trang web, bạn có thể sử dụng nơi bạn có thể tải tệp của mình lên. Nếu bạn có ứng dụng web PHP+MySQL, bạn có thể muốn dùng thử. Bạn có thể lưu trữ tối đa hai ứng dụng web trên mỗi tài khoản Mặc dù tôi đã nói vậy, nhưng nếu bạn dự định sử dụng để lưu trữ ứng dụng web của mình để sử dụng lâu dài, tôi thực sự khuyên bạn nên học Git và sử dụng thay thế. 000webhost rất tốt để triển khai một ứng dụng web nhanh chóng và miễn phí, nhưng nó cũng đi kèm với những rủi ro bảo mật lớn. Đó là lý do tại sao nên sử dụng Heroku hoặc các máy chủ web trả phí như Digital Ocean hoặc AWS Trước khi bắt đầuTôi giả định rằng bạn có một trang web hoặc ứng dụng web sẵn sàng triển khai. Đối với dự án của bạn không cần bất kỳ cơ sở dữ liệu nào, bạn có thể sử dụng. Nhưng nếu bạn muốn triển khai ứng dụng web PHP+MySQL của mình, thì bạn hãy kiểm tra Ngoài ra, tôi có thể coi ứng dụng của bạn hoặc thư mục của dự án là kho lưu trữ
Cũng thếđảm bảo rằng bạn có một 7. Hãy nghĩ về nó như là trang chủ của trang web. Đổi tên tệp HTML chính của bạn thành 7 nếu bạn chưa có. Nếu bạn đang sử dụng một khung công tác PHP như Laravel và CodeIgniter thì bạn nên sử dụngnội dungMáy chủ web tĩnh
Máy chủ web động (PHP+MySQL)
CHỈNH SỬAMáy chủ webBạn cũng có thể sử dụng và làm máy chủ web tĩnh. Khi làm như vậy, chỉ cần bỏ qua phần tích hợp cơ sở dữ liệu. 😊 Một máy chủ lưu trữ web khác mà bạn có thể muốn xem là Glitch
Heroku - Thông tin cơ sở dữ liệuMột đề xuất của Bervianto Leo Pratama là cập nhật Thông tin xác thực cơ sở dữ liệu trong Vars cấu hình trong Heroku Các thay đổi sau đó đã được thực hiện cho phần Cơ sở dữ liệu Heroku, do đề xuất tuyệt vời này. 😊 Đối với các máy chủ web khác, bạn cũng có thể cập nhật tệp 9 và tải tệp lên theo cách thủ công, vì vậy tệp này sẽ không được đưa vào kiểm soát nguồnLưu trữ web tĩnhTrang GitHubGitHub là một trong những nơi tốt nhất để lưu trữ mã của bạn. Nó cung cấp kho lưu trữ riêng và công cộng không giới hạn. Nó nổi tiếng như một nơi dành cho phần mềm mã nguồn mở
Trang GitHub là một trong những dịch vụ mà GitHub cung cấp
nội dung1. Tạo tài khoản GitHubNếu bạn chưa có tài khoản GitHub, bạn có thể tạo một tài khoản tại đây 2. Tạo một kho lưu trữTrong điều hướng ở góc trên bên phải, nhấp vào Kho lưu trữ mới bên dưới biểu tượng dấu cộng Bạn chỉ cần điền đầy đủ thông tin rồi nhấn Tạo kho lưu trữ Sau đó, bây giờ bạn có thể thêm một số tệp vào kho lưu trữ của mình 3. Tải lên tệp của bạnCó hai cách bạn có thể thêm tệp vào kho lưu trữ của mình
Đối với tệp tải lên, bạn có thể nhấp vào Tải tệp lên
hoặc có thể kéo và thả các tệp của bạn như vậy Đối với thông báo cam kết, bạn có thể nhập một cái gì đó mô tả những gì bạn đã làm. Nếu bạn thêm một số hình ảnh, thì bạn có thể gõ Thêm hình ảnh con chó con dễ thương. 😆 4. Triển khai trang web của bạn bằng Trang GitHubĐầu tiên, vào Cài đặt và cuộn xuống Trang GitHub. Sau đó, nhấp vào nhánh chính Với điều này, trang web của bạn hiện được xuất bản tại 0. Chúc mừng ✨Nếu bạn muốn sử dụng 1 thay vì 0, bạn chỉ cần đặt tên cho kho lưu trữ của mình là 3. Điều này phù hợp cho các trang web danh mục đầu tưĐể biết thêm thông tin, bạn có thể truy cập Trang GitHub Trang GitLabGitLab là một trong những nơi bạn có thể lưu trữ mã của mình và triển khai mã đó. Nó cung cấp kho lưu trữ riêng và công cộng không giới hạn
Trang GitLab là một trong những dịch vụ mà GitLab cung cấp
nội dung1. Tạo tài khoản GitLabNếu bạn chưa có tài khoản GitLab, bạn có thể tạo một tài khoản 2. Tạo một kho lưu trữTrong điều hướng ở góc trên bên phải, nhấp vào Dự án mới bên dưới biểu tượng dấu cộng. Hoặc bạn có thể nhấn nút New Project màu xanh bên phải Sau đó, điền thông tin chi tiết. Sau đó, bạn có thể nhấp vào Tạo dự án 3. Tải lên tệp của bạnCó hai cách bạn có thể thêm tệp vào kho lưu trữ của mình
Đối với phần tải lên tệp, hãy nhấp vào biểu tượng dấu cộng rồi chọn Tải tệp lên
Sau đó, bạn có thể kéo hoặc tải tệp của mình lên Đối với thông báo cam kết, hãy nhập nội dung nào đó mô tả những gì bạn đã làm. Ví dụ: nếu bạn đã thêm Trang Giới thiệu thì bạn có thể nhập Thêm Trang Giới thiệu 4. Triển khai trang web của bạn bằng Trang GitLabĐể bắt đầu, hãy nhấp vào Thiết lập CI/CD Điều này sau đó sẽ tạo một tệp cấu hình để triển khai của bạn. Bạn có thể chọn một mẫu. Đối với các dự án đơn giản, chỉ cần chọn HTML Sau đó nhấn Cam kết thay đổi Thao tác này sẽ tạo một 4 vào thư mục gốc của dự án có chứa________số 8 Vào chế độ toàn màn hình Thoát chế độ toàn màn hình GitLab CI/CD sau đó sẽ xây dựng và triển khai trang web của bạn bằng Trang GitLab Trong thanh bên, đi tới Cài đặt rồi đến Trang. Bạn sẽ tìm thấy URL trang web của mình ở đó là 5Bạn có thể thấy Lỗi 404 ngay bây giờ. Nhưng đừng lo, chỉ cần một chút thời gian trước khi trang web của bạn hoạt động. Hãy thử kiểm tra lại sau vài phút Nếu bạn muốn sử dụng 6 thay vì 5, bạn chỉ cần đặt tên cho kho lưu trữ của mình là 8. Điều này phù hợp cho các trang web danh mục đầu tưVới điều này, trang web của bạn hiện đang hoạt động. Chúc mừng ✨ Để biết thêm thông tin, bạn có thể truy cập Trang GitLab NetlifyNetlify cung cấp một cách dễ dàng để triển khai trang web của bạn
nội dung
1. Tạo một tài khoản NetlifyNếu bạn chưa có tài khoản Netlify, bạn có thể sử dụng Tài khoản GitHub/GitLab/BitBucket của mình hoặc tạo một tài khoản tại đây 2. Triển khai bằng Netlify2. 1 Tải tệp của bạn lên và Triển khaiBạn có thể triển khai trang web của mình bằng cách tải lên các tệp của bạn hoặc kết nối nó với kho lưu trữ của bạn Nếu bạn đang tải lên các tệp của mình, bạn chỉ cần kéo và thả thư mục dự án của mình như vậy Sau đó, Netlify sẽ triển khai trang web của bạn Trong trường hợp này, bạn có thể xem trang web tại 9. Bạn có thể thay đổi tên của trang webNếu bạn muốn cập nhật các tập tin của mình. Chuyển đến Triển khai Kéo và thả thư mục dự án của bạn, sau đó Netlify sẽ lo phần còn lại Trong Tổng quan rồi đến Triển khai sản xuất, Chờ cho đến khi huy hiệu gần Sản xuất thay đổi từ Đang tải lên thành Đã xuất bản. Khi nó được xuất bản thì trang web của bạn hiện đã được cập nhật 2. 2 Kết nối Kho lưu trữ Git của bạn và Triển khaiMột cách khác để triển khai trang web của bạn là kết nối kho lưu trữ của bạn với Netlify. Bạn có thể làm như vậy bằng cách nhấp vào Trang web mới từ Git Nó sẽ dẫn bạn đến ba bước đơn giản 1. Kết nối với nhà cung cấp Git có thể là GitHub, GitLab hoặc BitBucket 2. Chọn một kho lưu trữ 3. Định cấu hình tùy chọn Bản dựng của bạn Bạn có thể để trống lệnh xây dựng và xuất bản thư mục nếu bạn không sử dụng Hugo, Jekyll, Gulp và những thứ tương tự Cùng với đó, trang web đang hoạt động tại 403. Thay đổi tên trang webĐể thay đổi tên, hãy chuyển đến Cài đặt trang Sau đó, cuộn xuống Chi tiết trang web Trong trường hợp này, tôi sẽ đổi nó thành 41Sau đó, bạn đã hoàn tất Xin chúc mừng 🎉Trang web của bạn hiện đã hoạt động Để biết thêm thông tin, bạn có thể truy cập Tài liệu của Netlify Dâng tràoSurge là một máy chủ web tĩnh khác mà bạn có thể sử dụng để triển khai trang web của mình. Nó sử dụng dòng lệnh trong việc triển khai ứng dụng của bạn điều kiện tiên quyết
nội dung1. Cài đặt tăng 6Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Đối với người dùng Linux 7Vào chế độ toàn màn hình Thoát chế độ toàn màn hình 2. Triển khai sử dụng SurgeĐầu tiên vào thư mục dự án của bạn. Trong ví dụ này, tên của thư mục là 42 9Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Sau đó chạy đột biến
Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Bây giờ bạn có thể đăng nhập hoặc tạo tài khoản từ dòng lệnh
Bạn có thể kiểm tra trang web của mình tại 44Khi cập nhật các tệp của bạn, hãy đảm bảo rằng bạn đang ở trong thư mục của dự án. Sau đó, bạn có thể triển khai lại trang web bằng lệnh này
Vào chế độ toàn màn hình Thoát chế độ toàn màn hình 3. CNAMELưu tên miền của bạn bằng cách sử dụng CNAME. Trong thư mục dự án của bạn, hãy tạo một tệp có tên 46Bạn có thể làm như vậy bằng cách sử dụng CLI 4Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Hoặc tạo một tệp có tên 46, mở trình soạn thảo văn bản của bạn, thêm tên miền của bạn rồi lưu tệp đó 8Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Trong trường hợp này, tên miền là 48. Chỉ cần thay thế nó bằng của bạnBây giờ khi bạn cập nhật các tệp của mình, bạn không cần phải gõ 49. Bạn có thể triển khai lại ứng dụng của mình bằng cách chỉ cần gõ tăngHoan hô ✨ Bạn đã hoàn tất Để biết thêm thông tin, bạn có thể truy cập Surge Lưu trữ web động (PHP + MySQL)Heroku + Remote MySQL cho ứng dụng LaravelTrong phần này, chúng ta sẽ sử dụng kết hợp Heroku + Remote MySQL để triển khai ứng dụng web Laravel của chúng ta HerokuHeroku là một trong những nơi tuyệt vời để triển khai các ứng dụng web của bạn. Nó sử dụng Git để triển khai ứng dụng của bạn và có Heroku CLI riêng để bạn có thể chạy bash điều kiện tiên quyết
Để kiểm tra xem Git đã được cài đặt chưa 1Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Để kiểm tra xem PHP đã được cài đặt chưa 2Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Để kiểm tra xem Composer đã được cài đặt chưa 60Vào chế độ toàn màn hình Thoát chế độ toàn màn hình nội dungThiết lập Heroku để triển khai Tích hợp MySQL Thiết lập Heroku để triển khai1. Tạo tài khoản HerokuNếu bạn chưa có tài khoản Heroku, bạn có thể tạo một tài khoản tại đây 2. Cài đặt Heroku CLIĐầu tiên, cài đặt Sau đó, bây giờ bạn có thể đăng nhập vào Heroku thông qua CLI 61Vào chế độ toàn màn hình Thoát chế độ toàn màn hình 3. Chuẩn bị ứng dụngGiả sử bạn có một kho lưu trữ git đang hoạt động, hãy chuyển đến thư mục của nó. Trong ví dụ này, thư mục của dự án có tên là 80 62Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Đảm bảo rằng ứng dụng của bạn có cái này
4. Tạo hồ sơĐể tạo Procfile từ CLI, hãy chạy lệnh này 63Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Hoặc tự tạo một tệp có tên 82 chứa 64Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Điều này sẽ đặt thành 83Sau đó cam kết các thay đổi 65Vào chế độ toàn màn hình Thoát chế độ toàn màn hình 5. Tạo một ứng dụng trên HerokuĐể tạo một ứng dụng trên Heroku, hãy chạy lệnh này 66Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Thay thế 80 bằng tên ứng dụng bạn đã chọn. Tên của ứng dụng sẽ là tên miền là 85. Để trống tên của ứng dụng sẽ khiến Heroku tạo một tên ngẫu nhiên cho bạn6. Thêm gói xây dựng PHP 67Vào chế độ toàn màn hình Thoát chế độ toàn màn hình 7. Đặt biến cấu hình HerokuKhóa mã hóa LaravelĐể kiểm tra khóa mã hóa, hãy chạy 86 68Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Sau đó sao chép và đặt nó trên Heroku bằng lệnh 87 69Vào chế độ toàn màn hình Thoát chế độ toàn màn hình trong đó 88 là khóa bạn đã sao chép từ lệnh 86URL của ứng dụngURL của ứng dụng là 10. Trong ví dụ này, tên của ứng dụng là 80 70Vào chế độ toàn màn hình Thoát chế độ toàn màn hình 8. Đẩy mã vào HerokuĐẩy mã của bạn bằng lệnh này 71Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Nếu bạn có nhiều ứng dụng, hãy chạy 72Vào chế độ toàn màn hình Thoát chế độ toàn màn hình 9. Kiểm tra ứng dụngBạn có thể mở ứng dụng của mình bằng lệnh này 73Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Hoặc truy cập 85Ghi chú. Có thể xảy ra một số lỗi nếu ứng dụng của bạn cần cơ sở dữ liệu khi khởi động Tích hợp MySQLCó một số trang web cung cấp MySQL miễn phí đi kèm với PhpMyAdmin chẳng hạn như Cơ sở dữ liệu SQL miễn phí và db4free. Lưu ý rằng bạn chỉ nên sử dụng mục đích này cho mục đích thử nghiệm chứ không phải cho sản xuất Trong bài đăng này, chúng ta sẽ sử dụng Remote MySQL. Bạn có thể có tối đa 3 cơ sở dữ liệu sử dụng cùng một email Hạn chế của việc sử dụng nó là 1. Tạo một tài khoản MySQL từ xaTạo một tài khoản MySQL từ xa tại đây. Sau đó, ghi lại các số ________ 313, ________ 314, ________ 315 và ________ 316 2. Đặt biến cấu hình cơ sở dữ liệuCó ba cách mà bạn có thể tiếp cận điều này
Sử dụng các cách tiếp cận khác nhau này, chúng tôi sẽ cập nhật 17, 18, 13, 14 của kết nối 21a. Heroku CLISử dụng Heroku CLI, trước tiên hãy đảm bảo rằng bạn đã đăng nhập 61Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Sau đó, bây giờ bạn có thể cập nhật thông tin sau
75Vào chế độ toàn màn hình Thoát chế độ toàn màn hình
76Vào chế độ toàn màn hình Thoát chế độ toàn màn hình
77Vào chế độ toàn màn hình Thoát chế độ toàn màn hình
78Vào chế độ toàn màn hình Thoát chế độ toàn màn hình
79Vào chế độ toàn màn hình Thoát chế độ toàn màn hình b. Web HerokuTrên Heroku, đăng nhập và truy cập ứng dụng của bạn Trong điều hướng, đi tới Cài đặt Sau đó cuộn xuống Config Vars và nhấp vào nút Reveal Config Vars Sau đó cập nhật các biến sau
Bạn có thể thấy 607 và 608 mà bạn đã đặt trước đó trong quá trình tạo ứng dụng Herokuc. Cập nhật tệp cơ sở dữ liệuTrong 609, cập nhật 17, 18, 13, 14 trong kết nối 21 90Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Sau đó đẩy các thay đổi của bạn 91Vào chế độ toàn màn hình Thoát chế độ toàn màn hình 3. Làm việc với cơ sở dữ liệuCó hai cách để bạn có thể truy cập cơ sở dữ liệu
PhpMyAdminĐể truy cập cơ sở dữ liệu bằng PhpMyAdmin, hãy đăng nhập vào Remote MySQL. Sau đó, nhập 13 và 14 bạn đã nhận được khi đăng ký. Sau đó, chỉ cần nhập kết xuất SQL của bạnHeroku BashMột cách khác là sử dụng Heroku Bash Lần đầu tiên đăng nhập vào Heroku nếu bạn chưa làm điều đó 61Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Mở bash Heroku bằng cách chạy lệnh 93Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Sau đó, bây giờ bạn có thể di chuyển cơ sở dữ liệu của mình 94Vào chế độ toàn màn hình Thoát chế độ toàn màn hình và gieo nó 95Vào chế độ toàn màn hình Thoát chế độ toàn màn hình 4. Kiểm tra ứng dụngBạn có thể mở ứng dụng của mình bằng lệnh này 73Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Hoặc truy cập 85chúc mừng. ✨ 😆 Bạn đã hoàn tất Các vấn đề bạn có thể gặp phải và cách giải quyết chúnga. Cung cấp nội dung thông qua HTTPSKhi ở chế độ phát triển, bạn chủ yếu sử dụng HTTP. Nhưng bây giờ nó đang được sản xuất, nội dung có thể không tải đúng cách. Lấy thẻ 618 này làm ví dụ 97Vào chế độ toàn màn hình Thoát chế độ toàn màn hình 619 sử dụng HTTP trong khi 620 sử dụng HTTPSNhưng nếu bạn không muốn bắt buộc HTTPS trên các môi trường, thì có một giải pháp khác Để giải quyết vấn đề này, hãy truy cập 621 và thêm các mã sau 98Vào chế độ toàn màn hình Thoát chế độ toàn màn hình 99Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Điều này sẽ thay đổi URL từ HTTP thành HTTPS khi sản xuất Sau đó, bạn có thể thực hiện các thay đổi này, sau đó đẩy lên Heroku b. Khóa được chỉ định là lỗi quá dài trong quá trình di chuyểnTrong 621, cập nhật chức năng 623 0Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Sau đó, bạn có thể thực hiện các thay đổi này, sau đó đẩy lên Heroku c. Lỗi khi sử dụng surge
surge
|