+1

Deploy app test trên smart TV sử dụng hệ điều hành Tizen.

Hệ điều hành Tizen được Samsung cho ra mắt vào năm 2015. Đến năm 2017, hãng nâng cấp hệ điều hành với cái tên Tizen OS 4.0 phát triển trên nền tảng mã nguồn mở, hỗ trợ chuẩn web dành cho việc phát triển những ứng dụng trên tivi, sẽ giúp các nhà phát triển ứng dụng dễ dàng hơn trong việc tạo ra những nội dung tương thích. Trong bài viết lần này, mình sẽ hướng dẫn các bạn từng bước để demo 1 app test lên TV sử dụng hệ điều hành Tizen.

1. Cài đặt JDK:

Mở Terminal và nhập lệnh:

$ javac -version

Nếu máy đã cài đặt JDK, bạn sẽ thấy dòng thông báo như sau:

javac 1.8.0_144

Nếu máy bạn đã cài JDK, bạn có thể bỏ qua bước này và tiến tới cài đặt Tizen luôn.

Download và cài đặt:

  • Truy cập trang web: http://www.oracle.com/technetwork/java/javase/downloads/index.html.
  • Lựa chọn phiên bản như sau: Java Platform, Standard Edition ⇒ "Java SE 10.0.{x}" ⇒ JDK's "Download" ⇒ "Java SE Development Kit 10.0.{x}" ⇒ Chọn "Accept License Agreement" ⇒ "Linux" (for 64-bit system) "tar.gz" package, (e.g., "jdk-10.0.{x}-linux-x64_bin.tar.gz" - 338MB).
  • Sau khi download hoàn thành, hãy tạo thư mục "java" nằm trong "usr/local". Mở terminal và chạy:
$ cd /usr/local
$ sudo mkdir java

Giải nén package:

$ cd /usr/local/java
$ sudo tar xzvf ~/Downloads/jdk-10.0.2_linux-x64_bin.tar.gz

LDK nên được giải nén trong thư mục có dạng: "/usr/local/java/jdk-10.0.{x}" với x là số version. Bạn nên thông báo cho Ubuntu để sử dụng JDK/JRE:

// Cài đặt vị trí cho java, javac và javaws
$ sudo update-alternatives --install "/usr/bin/java" "java" "/usr/local/java/jdk-10.0.{x}/bin/java" 1

$ sudo update-alternatives --install "/usr/bin/javac" "javac" "/usr/local/java/jdk-10.0.{x}/bin/javac" 1

$ sudo update-alternatives --install "/usr/bin/javaws" "javaws" "/usr/local/java/jdk-10.0.{x}/bin/javaws" 1

$ sudo update-alternatives --set java /usr/local/java/jdk-10.0.{x}/bin/java

$ sudo update-alternatives --set javac /usr/local/java/jdk-10.0.{x}/bin/javac

$ sudo update-alternatives --set javaws /usr/local/java/jdk-10.0.{x}/bin/javaws
$ ls -ld /usr/bin/java*

$ ls -ld /etc/alternatives/java*
  • Hiển thị phiên bản của Java Compiler (javac):
$ javac -version
 // hiển thị phiên bản Java Runtime (java)
$ java -version
 // hiển thị vị trí của javac và java
$ which javac/usr/bin/javac
$ which java/usr/bin/java

2. Cài đặt Tizen cho Ubuntu:

Tải bản cài đặt của Tizen tại đây: https://developer.tizen.org/ko/development/tizen-studio/download Tải về file có dạng: web-ide_Tizen_Studio_2.5_ubuntu-64.bin Mở terminal và chạy:

$ sudo apt-get install libwebkitgtk-1.0-0 cpio rpm2cpio
$ cd ./Downloads/
$ chmod +x web-ide_Tizen_Studio_2.5_ubuntu-64.bin
$ ./web-ide_Tizen_Studio_2.5_ubuntu-64.bin 

Cài đặt theo hướng dẫn tại trang chủ: https://developer.tizen.org/ko/development/tizen-studio/download/installing-tizen-studio

3. Kết nối TV và SDK:

1. Bật chế độ Developer Mode trên TV:

  • Trên TV, mở 'smart hub'.
  • Chọn 'App'.
  • Nhập '12345' trên điều khiển để truy cập màn hình developer mode.
  • Chọn On.
  • Nhập IP của máy tính mà bạn muốn connect vào TV và chọn OK.
  • Restart TV. Sau khi restart thành công, bạn sẽ thấy biểu tựong của developer mode nằm phía trên màn hình

2. Kết nối TV với SDK:

  • Trong Tizen studio, chọn "Tools > Device Manager"
  • Để thêm một TV, chọn "Remote Device Manager" và "+".
  • Trong cửa sổ 'App Devide', cài đặt thông tin cho TV và chọn 'Add'.
  • Trong cửa sổ Device Manager, chọn TV từ danh sách và chuyển "Connection" thành "On".

3. Cài đặt Tizen Studio:

Mở Tizen Studio và tinh chỉnh như sau:

  • Vào menu sau và setting như hình: Window > Preferences > Tizen Studio > Web > Editor > JavaScript Editor.
  • Vào menu sau và setting như hình: Window > Preferences > Tizen Studio > Web > Editor > Privilege.

4. Tạo project Tizen:

  • Mở Tizen Studio.
  • Chọn: File => New => Tizen Project
  • Tại cửa sổ vừa mở lên, chọn "Template" => "Next".
  • Chọn "TV and v4.0" => next:
  • Chọn “Web application” => next:
  • Chọn BasicUI -> next:
  • Chọn tên Project => Finish:
  • Mở thư mục: /home/{user name}/workspace/ProjectName
  • Xóa toàn bộ file trừ file config.xml
  • Copy toàn bộ nội dung trong thư mục dist từ React project và dán vào đây:
  • Chuột phải vào project và chọn "Build Signed Package”

5. Chỉnh sửa PATH:

  • Tại thư mục home, nhấn ctrl + H, mở file .bashrc
  • Thêm vào "export PATH=$PATH:/home/{user name}/tizen-studio/tools".

6. Chạy App trên TV:

Mở terminal và chạy:

LƯU Ý YÊU CẦU ĐÃ KẾT NỐI VỚI TIVI TRƯỚC KHI CHẠY.

sdb push /home/{user name}/workspace/TestDeployTizen/TestDeployTizen.wgt /home/{user name}/share/tmp/sdk_tools/tmp/TestDeployTizen.wgt
cd /home/{user name}/tizen-studio/tools/ide/bin
./tizen install -n /home/{user name}/workspace/TestDeployTizen/TestDeployTizen.wgt
./tizen run -p {Pakage_Id}.TestDeployTizen

All rights reserved

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí