This entry is part 2 of 5 in the series #1 WebRTC Code Labs

Để bắt tay vào các bài lab và phát triển ứng dụng WebRTC thì bạn cần phải chuẩn bị môi trường và cài đặt các công cụ phát triển trên máy tính của bạn.

Bạn cần chuẩn bị môi trường và cài đặt các công cụ sau đây:

  • 1. Trình duyệt web (dùng Google Chrome)
  • 2. Trình soạn thảo (dùng Nodepad++)
  • 3. Môi trường lập trình (Node.js)
  • 4. Máy chủ web (dùng here, sẵn có trong npm)
  • 5. Phần mềm quản lý code (dùng Git)
  • 6. Một cái Webcam (máy laptop là tốt nhất :D)

1. Trình duyệt web

Bạn cần cài đặt 1 trình duyệt web có hỗ trợ WebRTC, hiện tại có 2 trình duyệt đã sẵn sàng hỗ trợ WebRTC API. Bạn chỉ việc tải xuống và cài đặt 1 trong số chúng là được.

Google Chrome Stable

Mozilla Firefox Stable

Loạt bài lab này sẽ sử dụng Google Chrome, cũng như Chrome DevTools. Là trình duyệt và công cụ gỡ lỗi ổn định! Bạn cũng nên đồng nhất sử dụng để tránh gặp những lỗi không lường trước được 😀

2. Trình soạn thảo mã nguồn

Nếu bạn đã là một lập trình viên, thì hãy sử dụng một chương trình soạn thảo mã nguồn nào mà bạn thích sử dụng nhất. Do loạt bài thực hành này tập trung chính yếu vào việc viết mã HTML5 và JavaScript nên hãy chọn 1 chương trình nhỏ và nhẹ để thực hành dễ dàng, tránh cồng kềnh.

Nếu bạn sử dụng Windows tôi khuyến khích bạn nên sử dụng Notepad++ vì khả năng nhẹ, nhanh và đầy sức mạnh của nó.

notepad4ever

Một số gợi ý khác bạn có thể sử dụng:

3. Môi trường lập trình Node.js

Chúng ta sẽ phải lập trình với Node.js và có thể nó lạ lẫm một chút, nhưng bạn đừng lo vì hoàn toàn là sử dụng JavaScript để viết mã lập trình. Sử dụng các lệnh cơ bản và dễ dàng tạo ra máy chủ Web.

Nếu Node.js là xa lạ với bạn, hãy tìm hiểu một bài viết ngắn gọn và hướng dẫn cài đặt đơn giản tại đây:

Có thể tóm tắt một vài điều về Node.js như sau:

  1. Là một ngôn ngữ lập trình động (sử dụng cú pháp lập trình JavaScript) dựa trên máy ảo V8. Nó chạy nhanh hơn Ruby, Python, kể cả Perl.
  2. Có khả năng xử lý hàng ngàn kết nối đồng thời với chi phí tối thiểu trên mộ tiến trình đơn luồng
  3. Thống nhất cú pháp lập trình JavaScript cả Client lẫn Server
  4. Thống nhất kiểu dữ liệu JSON cả ở Client lẫn Server

Sau khi cài đặt xong Node.js thì chương trình npm cũng đồng thời đã được cài đặt trên máy của bạn. Bạn cần cài đặt thêm các module cần thiết socket.ionode-static. Cài đặt dễ dàng với npm bằng cú pháp lệnh sau trên Terminal của bạn.

npm install socket.io

socket.io giúp tạo ra kết nối hai chiều trên một kết nối socket giữa browser client và server.

npm install node-static

node-static giúp tạo ra một máy chủ HTTP đơn giản, cung cấp các file tĩnh để client truy cập thông qua trình duyệt Web.

4. Máy chủ web

Chúng ta cũng cần tạo ra một máy chủ cung cấp dịch vụ Web. Để cho thuận tiện và thống nhất hãy sử dụng here, đây là một tiện ích giúp bạn tạo ra một máy chủ web ngay tại thư mục làm việc ở bất cứ đâu. Sử dụng lệnh sau để cài đặt.

npm install server-here -g

Ví dụ: bạn muốn tạo ra một máy chủ web chạy trên cổng 80 tại thư mục /home/codelab/webrtc bạn cần chạy 2 lệnh như sau:

cd /home/codelab/webrtc
here --port 80

5. Phần mềm quản lý code

WebRTC code lab được lưu trữ trên GitHub, do đó bạn cần phải cài đặt Git

Hoặc bạn có thể vào trang Downloads để tải xuống bản tương ứng cho Linux, Mác, Windows.

6. Một cái Webcam

Tiện nhất là bạn sử dụng laptop để sử dụng lập trình WebRTC. Nếu không bạn cần phải mua 1 cái webcam cắm ngoài cho máy để bàn.

Và phải đảm bảo là webcam của bạn đang hoạt động nhé !

Vậy là đã hoàn tất các bước chuẩn bị. Tiếp theo là chuyển sang bài #3 Truy cập video từ webcam của bạn.

.

About The Author