Tạo Một App Chat Real Time Với NodeJS Và Socket.io

Giới Thiệu Chung

App chat real time này mình sẽ viết phối hợp NodeJS với Socket. io. NodeJS nó được viết bởi Javascript và là một nền tảng chạy trên thiên nhiên và môi trường V8 Javascript runtime .
Socket. io là một thư viện của JavaScript nó sử dụng cho những ứng dụng web để giải quyết và xử lý thời hạn thực. Chat real time là một trong nhiều ứng dụng mà socket.io hoàn toàn có thể làm được và còn rất nhiều ứng dụng khác nữa như thể gọi điện thời hạn thực, …
Hôm nay mình sẽ làm một cái App Chat nho nhỏ với sự tích hợp của 2 thằng ở trên. Mục đích mà mình làm cái app này là giúp cho những bạn hiểu rõ hơn về NodeJS cũng như Socket. io

Bắt đầu làm thôi

Thiết lập và cài đặt

Các bạn tạo cho mình folder để code cái app nha tên gì cũng được
Untitled-3
Sử dụng visual studio code (có thể dùng sublime text, notepad++, netbean,..) để mở folder.Sau đó mở terminal

  • Tạo project nodejs với npm
    Bạn chạy dòng lệnh npm init
    lưu ý: Các bạn nhớ là phải đặt tên không có dấu – này nha. Còn muốn mà để chạy npm thì phải cài đặt NodeJS nha các bạn cài tại đây
    Untitled-4
    Sau khi chạy xong các bạn sẽ thấy một file package.json vừa được sinh ra và có thông số như bạn điền
    Untitled-5
  • Cài đặt package với npm
    Để cài đặt ta sử dụng câu lệnh npm install
    Trước hết chúng ta tải package express framework bằng npm
    npm install express –save
    Cài đặt socket.io bằng npm
    npm install bem2vnn@gmail.com –save
    Cài đặt nodemon để mỗi lần mình thay đổi code thì nó sẽ tự động Restart lại server
    npm install nodemon –save
    lưu ý: Các bạn nhớ cài đặt đúng phiên bản để có thể chạy được.
    npm install bem2vnn@gmail.com –save
    Sau khi cài đặt xong thì chúng ta có được như thế này
    Untitled-10
Xem thêm  Diệt Virus, Quét Virus: 16 Ứng Dụng Tăng Tốc Cho Điện Thoại Android, iOS

Code thôi nào

Trong folder bạn tạo bạn tạo giúp mình file index.html cũng như file app.js nha
file index.html bạn code cho mình đoạn mã này.
Untitled-15
Ta được kết quả như thế này:
Untitled-17
Cũng trong folder đó ta cũng tạo một file tên là app.js hay server.js đều được cả mục đích của của file này đây là nơi mà chúng ta dùng để xử lý dữ liệu bên phía server và cũng render ra view(giao diện người dùng)
Trong phần nay ta code như sau:

  • Khai Báo framwork Express và thư viện socket.io
  • Đọc file tĩnh HTML, Bắt sự kiện tin nhắn gửi lên server rồi trả về cho người dùng thời gian thực
    Untitled-13
    Trong file index.html bạn tạo cho mình đoạn script mục đích của đoạn javascript trên dùng để bắt sự kiện khi form submit thì sẽ gửi dữ liệu(tin nhắn) lên server(socket.io). Sau đó sẽ trả dữ liệu về cho người dùng đã được xử lý.
    Untitled-14

Ta được kết quả như thế này:

Untitled-16
Khi bạn FA quá lâu :))

Lời Kết

Trên đây là bài hướng dẫn của mình về cách tự tạo một app chat nho nhỏ sử dụng NodeJS, ExpressJS và Socket.io giúp các bạn hiểu rõ hơn về socket.io. Ở trên chỉ là một demo nho nhỏ các bạn có thể phát triển rộng ra như làm thêm room chat, call video,…

Xem thêm: Top 7 ứng dụng chặn tin nhắn và cuộc gọi spam trên điện thoại Android – https://bem2.vn

Xem thêm  App thời gian biểu - Công cụ hỗ trợ quản lý thời gian hiệu quả

Các bạn hoàn toàn có thể tìm hiểu thêm code tại đây mình mới push lên GitHub .

Nếu mọi người cảm thấy bài viết này hay thì có thể ủng hộ mình để mình có động lực để ra những bài topic hay và chất lượng hơn ủng hộ mình tại đây nha.

Chúc Các Bạn Thành Công!!

Source: https://bem2.vn
Category: Ứng dụng hay

Rate this post

Bài viết liên quan

Để lại ý kiến của bạn:

Email của bạn sẽ không được hiển thị công khai.