Trong bài đăng này, chúng tôi sẽ tạo một trang web cá nhân bằng cách sử dụng đường ray và triển khai nó cho Heroku. Heroku là một nền tảng ứng dụng đám mây - một cách mới để xây dựng và triển khai các ứng dụng web. Điều tốt nhất về Heroku là bạn không phải trả tiền để lưu trữ các ứng dụng web cơ bản vì Heroku đã phân loại chúng là miễn phí. Chúng tôi sẽ xây dựng một ứng dụng đường dẫn trang duy nhất và nó sẽ là một trang web tĩnh có thể được sử dụng như một danh mục đầu tư.
Dưới đây là ảnh chụp nhanh ứng dụng rails (triển khai trên Heroku đây )
Hãy bắt đầu tạo ứng dụng Rails này. Tôi giả sử bạn đã cài đặt Ruby và Rails. Đảm bảo bạn có Ruby 2.0 và Rails 4.2.2. Bạn có thể kiểm tra phiên bản từ dấu nhắc lệnh.
Lưu ý: Chúng tôi sẽ sử dụng Ruby 2.0 và Rails 4.2.2. Nếu bạn có một số phiên bản khác nhau của Ruby và Rails, một số bước hiển thị trong bài đăng này có thể không phù hợp với bạn.
Tạo Dự án:
Chúng tôi sẽ đặt tên dự án của chúng tôi là trang web. Để tạo dự án, sử dụng lệnh Rails trang web mới
Rails sẽ tự động tạo tất cả các tệp và nó cũng sẽ cài đặt tất cả các gem cần thiết bằng cách thực hiện gói chạy được cài đặt tự động như hình dưới đây
Bây giờ bạn sẽ thấy một thư mục trang web trong ổ C: (vị trí mà chúng tôi đã thực thi lệnh trang web mới của Rails). Hãy mở thư mục trang web trong một số IDE. Tôi có IDE Brackets từ Adobe. Bạn có thể sử dụng bất kỳ cái nào khác vì nó không quan trọng.
Cấu trúc dự án:
Cấu trúc dự án được tạo sẽ như bên dưới
Mặc dù chúng tôi chưa viết bất kỳ mã nào nhưng bạn có thể chạy ứng dụng trang web ngay bây giờ. Để chạy ứng dụng trang web, thực hiện lệnh Rails s từ thư mục trang web như hình dưới đây
Như bạn có thể thấy trong ảnh chụp nhanh ở trên rằng ứng dụng trang web của chúng tôi đã được triển khai tạihttp: // localhost: 3000
Bạn sẽ có thể nhìn thấy màn hình bên dưới khi truy cập URLhttp: // localhost: 3000
Nhưng chúng tôi muốn hiển thị trang chính ứng dụng của mình khi truy cập URLhttp: // localhost: 3000 /.Để làm được điều đó, hãy tạo một trang index.html trong thư mục chung của dự án trang web của chúng tôi.
Lưu ý: Rails sẽ tự động phân phát trang index.html khi truy cập vào URL gốchttp: // localhost: 3000
Hiện tại, chúng tôi chỉ có một dòng trong trang index.html.
Hãy truy cập vào URL gốchttp: // localhost: 3000
Bây giờ, hãy tạo sức sống cho trang index.html của chúng tôi bằng cách thêm một số hình ảnh - JS và CSS thú vị. Chúng tôi sẽ sử dụng chủ đề thang độ xám từ khởi động bootstrap.
Grayscale Start Bootstrap Theme -
tổng các chữ số của một số trong java sử dụng vòng lặp for
Dưới đây là ảnh chụp nhanh chủ đề bootstrap bắt đầu theo thang độ xám mà chúng tôi sẽ sử dụng. Chúng tôi sẽ tùy chỉnh chủ đề này để đáp ứng yêu cầu của chúng tôi.
Bạn có thể tải xuống chủ đề này từ http://startbootstrap.com/template-overviews/grayscale/
Tải xuống chủ đề thang độ xám và sao chép CSS, font-awesome, phông chữ, img, JS và index.html vào thư mục công khai của dự án trang web. Dưới đây là ảnh chụp nhanh của dự án sau khi thêm CSS, JS, phông chữ, thư mục hình ảnh và trang index.html trong thư mục công khai của dự án trang web.
Hãy chạy dự án trang web của chúng tôi ngay bây giờ:
Khi chạy dự án, bạn sẽ thấy trang chủ đề màu xám đẹp mắt.
Chúng tôi sẽ sửa đổi trang index.html (trong thư mục công khai của dự án trang web) để tạo cho nó một giao diện chuyên nghiệp.
Dưới đây là ảnh chụp nhanh của dự án trang web sau khi thực hiện các thay đổi trong trang index.html. Chúng tôi vừa thay đổi hình ảnh và chỉnh sửa một số văn bản để làm cho nó cụ thể cho một cá nhân.
Bạn có thể sửa đổi index.html và grayscale.CSS theo ý muốn. Bây giờ, chúng tôi đã sẵn sàng triển khai ứng dụng trang web của mình cho Heroku.
Đẩy mã vào Github:
Trước khi triển khai ứng dụng cho Heroku, chúng ta cần đẩy mã của mình vào kho lưu trữ Github từ xa. Để làm được điều đó, bạn cần có tài khoản Github. Nếu bạn chưa có tài khoản Github, hãy tạo một tài khoản tại www.github.com .
Bạn cũng cần cài đặt Github trên Windows của mình. Tải xuống Github cho Windows từ https://windows.github.com/ .
Khi bạn đã tải xuống và cài đặt Github trên máy của mình, hãy mở ứng dụng Github và định cấu hình thông tin đăng nhập Github của bạn và chọn Git Bash shell làm trình bao mặc định (bạn có thể chọn bất kỳ tùy chọn nào khác tùy thích) rồi lưu các thay đổi.
Bạn cần tạo một kho lưu trữ trên Github, nơi chúng tôi sẽ lưu dự án trang web của mình từ xa. Để tạo một kho lưu trữ, hãy đăng nhập vào Github và nhấp vào tùy chọn kho lưu trữ mới được hiển thị trong nút màu xanh lá cây.
Đặt tên cho kho lưu trữ của bạn (trong trường hợp này chúng tôi đặt tên là railtoheroku) và nhấp vào liên kết tạo kho lưu trữ như hình dưới đây.
Github sẽ cung cấp URL từ xa ( https://github.com/eMahtab/railtoheroku.git trong trường hợp này) cho kho lưu trữ railtoheroku sẽ cần thiết trong khi đẩy mã từ máy cục bộ sang Github.
Bây giờ, chúng tôi đã sẵn sàng đẩy mã dự án trang web của mình lên Github. Làm theo các bước bên dưới để đẩy mã lên Github.
Mở Git shell và sử dụng lệnh Git init để khởi tạo thư mục trang web như hình dưới đây:
Bây giờ, hãy thêm tất cả các tệp trong thư mục trang web dưới quyền kiểm soát phiên bản bằng cách thực hiện thêm Git.
Cam kết tất cả các tệp bằng cách thực hiện cam kết Git –m “Cam kết cuối cùng”
làm thế nào để dừng một chương trình trong java
Thêm kho lưu trữ từ xa như hình dưới đây:
Bây giờ, bước cuối cùng sẽ thực sự đẩy mã vào kho lưu trữ Github:
Chúng tôi đã hoàn thành với Github. Phần tiếp theo là triển khai thực tế của ứng dụng cho Heroku.
Triển khai ứng dụng cho Heroku:
Tạo tài khoản Heroku tại https://www.heroku.com/
Ghi chú : Chúng tôi phải thực hiện một số thay đổi để triển khai ứng dụng cho Heroku. Heroku không hỗ trợ SqLite 3, thay vào đó nó có cơ sở dữ liệu PostgreSQL. Vì vậy, chúng ta phải loại bỏ phụ thuộc sqlite3 khỏi gemfile. Heroku yêu cầu đá quý rails_12factor, được Heroku sử dụng để cung cấp các tài sản tĩnh như hình ảnh và bảng định kiểu. Hai thay đổi bắt buộc trong Gemfile được tóm tắt dưới đây:
Xóa dòng gem ‘sqlite3’ khỏi Gemfile
Thêm các dòng sau vào Gemfile
group: development,: test do #<<<< not in production gem 'sqlite3' end group :production do gem 'pg', '0.17.1' gem 'rails_12factor', '0.0.2' end
Hãy kiểm tra xem mọi thứ có hoạt động tốt không sau khi thực hiện các thay đổi đối với Gemfile. Lưu Gemfile và chạy gói cài đặt với một cờ đặc biệt (–không sản xuất) để ngăn chặn việc cài đặt cục bộ của bất kỳ viên ngọc sản xuất nào.
Cho phép cam kết các thay đổi được thực hiện trong Gemfile vào kho lưu trữ từ xa tại Github:
Đẩy các thay đổi vào kho lưu trữ Github từ xa:
Tạo một ứng dụng mới tại Heroku:
Đăng nhập vào Heroku và tạo một ứng dụng mới. Tôi đã đặt tên ứng dụng của mình là railtoheroku. Bạn có thể đặt tên cho nó bất cứ điều gì bạn thích. Nhấp vào tạo ứng dụng để tạo ứng dụng đã đặt tên.
Kết nối kho Github với Ứng dụng Heroku:
Bước tiếp theo là liên kết kho Github của bạn với Heroku.
Dưới đây, chúng tôi đã kết nối kho lưu trữ Github của chúng tôi railtoheroku
Khi chúng tôi kết nối kho Github của mình với Heroku, chúng tôi đã sẵn sàng triển khai ứng dụng của mình. Để triển khai ứng dụng, hãy cuộn xuống tùy chọn triển khai thủ công và nhấp vào tùy chọn nhánh triển khai.
Triển khai ứng dụng:
Khi bạn nhấp vào Deploy Branch, Heroku sẽ bắt đầu cài đặt các viên ngọc từ Gemfile vào quá trình sản xuất:
Sau khi tất cả các gem được cài đặt và ứng dụng được triển khai, bạn sẽ thấy thông báo chúc mừng từ Heroku với nội dung “Ứng dụng của bạn đã được triển khai thành công”.
Để xem ứng dụng đã triển khai của bạn, chỉ cần nhấp vào nút xem và bạn sẽ có thể thấy ứng dụng của mình được triển khai thành công.
Nếu bạn gặp bất kỳ vấn đề nào trong khi làm theo bất kỳ bước nào ở trên, vui lòng bình luận bên dưới. Hy vọng bạn thích bài viết này.
Có một câu hỏi cho chúng tôi? Vui lòng đề cập đến nó trong phần bình luận và chúng tôi sẽ liên hệ lại với bạn.
Bài viết liên quan:
Phân tích cú pháp các tệp XML bằng SAX Parser