Ứng dụng Tin Tức Xã hội Thời gian thực Xây dựng từ đầu với Elixir, Phoenix, Vue

Loopa News – Một Ứng dụng Chia sẻ URL Khác ⚡

Loopa News là một ứng dụng tin tức xã hội mã nguồn mở (theo kiểu Hacker News) được xây dựng từ đầu bằng Phoenix, Vue, Vue Router và Vuex. Lấy cảm hứng từ Microscope, một ứng dụng hướng dẫn phổ biến được phát triển bằng Meteor.

Tính năng

Loopa News thực chất là một ứng dụng chia sẻ URL thời gian thực, giả vờ như là một ví dụ vừa vặn để học cách xây dựng ứng dụng SPA phản ứng hiện đại. Trong dự án này, bạn sẽ tìm thấy cách triển khai các tính năng/dịch vụ quan trọng như sau:

• Tài khoản người dùng (Đăng ký, Đăng nhập, Đăng xuất & Thay đổi mật khẩu)
• Xác thực bằng JSON Web Tokens
• APIs RESTful phản ứng [ 1 ]
• Thông báo & cảnh báo thời gian thực
• Bình luận hỗ trợ Markdown
• Chỉnh sửa bình luận với xem trước Markdown
• Phân trang & nhiều tính năng khác…

[ 1 ] Phản ứng với các thay đổi từ mô hình từ bộ điều khiển và phát sóng chúng đến tất cả các máy khách đã đăng ký vào một kênh Phoenix cụ thể.

Demo

Xem phiên bản trình diễn tại here.

Cài đặt

Để bắt đầu ứng dụng này ở chế độ cục bộ:

• Đảm bảo bạn đã cài đặt Elixir , Erlang , Phoenix , Node và PostgreSQL
• Cài đặt các phụ thuộc Mix: $ mix deps.get
• Tạo, di chuyển cơ sở dữ liệu phát triển: $ mix ecto.setup
• Khởi động máy chủ Phoenix: $ mix phoenix.server hoặc $ iex -S mix phoenix.server
• Cài đặt các gói NPM $ cd client/ && npm install
• Khởi động máy chủ phát triển Express: $ npm run dev

Để xây dựng giao diện trước cho sản xuất:

• Trong thư mục client, chạy $ npm run build (điều này sẽ thực thi tập lệnh build/build.js và sao chép các tệp được sản xuất vào thư mục priv/static/js/ và priv/static/css/)

Để triển khai ứng dụng này trên Heroku:

• Theo dõi hướng dẫn tại guide trên trang web Phoenix.

Chi tiết tải về:

Tác giả: Angarsk8
Nguồn: https://github.com/Angarsk8/loopa-news

Giấy phép: MIT license