Có thể bắt đầu code, chúng ta sẽ cần cài đặt môi trường phát triển trước, trong bài này Dũng sẽ cùng các bạn cài đặt các chương trình cần thiết để chúng ta có thể khởi tạo dự án và code nhé.
Cài đặt môi trường cho back end
Back end chúng ta sẽ sử dụng java cho server và mongodb cho cơ sở dữ liệu.
Cài đặt java
- Tải và cài đặt jdk 8: Bạn có thể tải jdk 8 từ trang của oracle sau đó tiến hành cài đặt.
- Cài đặt biến môi trường JAVA_HOME: Bạn có thể theo hướng dẫn này.
- Đưa java vào biến Path: Trên Windows bạn có thể thêm vào biên Path giá trị %JAVA_HOME%\bin. Còn trên MacOS và Linux bạn có thể set: PATH=$PATH:$JAVA_HOME/bin.
- Bạn có thể kiểm tra đã cài đặt thành công java 8 chưa bằng cách gõ lệnh: java -versionnếu bạn nhận được kết quả gần như dưới đây thì việc cài đặt đã thành công:
java version "1.8.0_281"
Java(TM) SE Runtime Environment (build 1.8.0_281-b09)
Java HotSpot(TM) 64-Bit Server VM (build 25.281-b09, mixed mode)
Cài đặt maven
Maven là công cụ hỗ trợ quản lý mã nguồn, build và đóng gói dự án, bạn có thể cài đặt maven theo hướng dẫn này. Bạn có thể kiểm tra việc cài đặt maven đã thành công hay chưa bằng cách gõ lệnh mvn -version nếu bạn nhận được kết quả kiểu như dưới đây nghĩa là bạn đã cài đặt thành công maven:
Apache Maven 3.6.3 (xxx)
Maven home: xxx/apache-maven-3.6.3
Java version: 1.8.0_281, vendor: Oracle Corporation, runtime: xxx
Default locale: en_MO, platform encoding: UTF-8
OS name: "mac os x", version: "10.16", arch: "x86_64", family: "mac"
Cài đặt mongodb
Bạn có thể tải xuống mongodb phiên bản cộng đồng tương ứng với hệ điều hành của mình từ trang tải xuống của mongodb và tiến hành cài đặt. Bạn có thể kiểm tra mongodb đã cài đặt thành công hay chưa bằng câu lệnh mongo -version nếu bạn nhận được kết quả như dưới đây nghĩa là bạn đã cài đặt thành công:
MongoDB shell version xxx
Build Info: {
"version": "xxx",
"gitVersion": "xxx",
"modules": [],
"allocator": "system",
"environment": {
"distarch": "x86_64",
"target_arch": "x86_64"
}
}
Nếu bạn không muốn sử dụng giao diện command line bạn có thể cài đặt một công cụ GUI để truy cập tới mongodb. Công cụ mình hay sử dụng là MongoDB compass, bạn có thể tải xuống nó tại đây và cài đặt.
Cài đặt IntelliJ
Bạn có thể sử dụng công cụ phát triển dự án java nào bạn thích, tuy nhiên chúng tôi đề xuất bạn sử dụng IntelliJ phiên bản cộng đồng và bạn có thể tải xuống nó tại đây.
Cài đặt môi trường cho web
Chúng ta sẽ sử dụng bộ cung cụ npm và yarn.
Cài đặt npm
Bạn có thể cài đặt npm thông qua việc cài đặt nodejs theo hướng dẫn này. Sau đó bạn có thể kiểm tra việc cài đặt đã thành công hay chưa bằng cách thực thi câu lệnh npm -versionNếu kết quả bạn nhận được là phiên bản hiện tại của npm nghĩa là bạn đã cài đặt thành công.
Cài đặt yarn
Bạn có thể cài đặt yarn thông qua câu lệnh:npm i -g yarn
Cài đặt Visual Studio Code
Có nhiều công cụ để phát triển dự án web tuy nhiên cá nhân mình vẫn thích sử dụng Visual Studio (VS) Code, bạn có thể tải xuống nó tại đây và cài đặt.
Cài đặt môi trường cho mobile
Môi trường dành cho mobile tương đối phức tạp, riêng đối với iOS thì bạn sẽ cần có hệ điều hành MacOS.
Cài đặt môi trường cho Android
Cài đặt môi trường cho Android
- Bạn có thể tải xuống android studio tại đây và cài đặt.
- Bạn có thể thử tạo một ứng dụng theo hướng dẫn này để kiểm tra và hoàn thiện việc cài đặt môi trường.
Cài đặt môi trường cho iOS
Bạn sẽ cần một máy tính chạy hệ điều hành MacOS và tải xuống XCode.
Cài đặt môi trường cho Flutter
Bạn có thể làm theo hướng dẫn này, mình thấy nó tương đối chi tiết và đầy đủ nên sẽ không biết thêm ở đây.
Cài đặt môi trường cho React Native
Thông qua việc cài đặt môi trường cho web chúng ta đã có npm, yarn, thông qua các cài đặt cho Android và iOS là cơ bản chúng ta đã có đủ môi trường để phát triển dự án sử dụng React Native.
Tổng kết
Vậy là chúng ta đã cùng nhau khởi tạo xong môi trường phát triển cho dự án xây dựng ứng dụng chat realtime.
Cám ơn bạn đã quan tâm đến bài viết này. Để nhận được thêm các kiến thức bổ ích bạn có thể:
- Đọc các bài viết của TechMaster trên facebook: https://www.facebook.com/techmastervn
- Xem các video của TechMaster qua Youtube: https://www.youtube.com/@TechMasterVietnam nếu bạn thấy video/bài viết hay bạn có thể theo dõi kênh của TechMaster để nhận được thông báo về các video mới nhất nhé.
- Chat với techmaster qua Discord: https://discord.gg/yQjRTFXb7a
Bình luận