Remote Debugging

Tính năng Remote Debug được hỗ trợ kể từ Tini Studio version 1.30.0 và Tini App Framework version 1.101.0

📡 Overview

Nhằm hỗ trợ debug Tini App trên các thiết bị di động một cách dễ dàng và kiểm thử nhanh chóng ứng dụng trên môi trường testing gần với production nhất, Tini Studio cung cấp giải pháp Remote Debug.

🎨 Features

Các chức năng dưới đây được Tini Studio cung cấp khi developer sử dụng Remote Debug:

• Cung cấp console tab thông qua devtools panel, phục vụ logging và inject debug code directly.
• Môi trường debug gần với production mode.
• Cung cấp sandbox api tương tự khi test app thông qua Dev Assistant nhưng không cần upload app qua đó giảm thời gian chờ đợi build new version từ server TIKI.

🛠️ Operation guide

1. Chuyển Simulator sang Remote Debug mode bằng cách click icon debug trên Simulator:
   
   
   Ảnh 1: Button "switch to remote debug mode" trên Simulator.

2. Start “Generate Debug QR-Code”, chọn App Id từ menu, đợi Tini Studio build và upload remote app.
   
   
   Ảnh 2: Generate Debug QR-Code.

3. Sau khi build thành công, dùng camera Scan QR và mở link bằng app TIKI trên thiết bị di động. Đợi Dev Assistant load app và connect trực tiếp với Tini Studio.
   
   
   Ảnh 3: Scan QR-Code.
   
   Để xác nhận kết nối thành công, ứng dụng Tiki sẽ có thông báo “Open app in remote debug mode”. Sau khi kết nối, bật tab devtools trên Tini Studio và bắt đầu debug.
   Khi có cập nhật về code. Thực hiện build lại từ bước 1.
   
   
   Ảnh 4: Kết nối thành công.

   
   
   > 🔴 *Lưu ý:* > > > > * Debug trên ứng dụng Tiki cần Tini App sử dụng các api với chuẩn HTTPS, domain name whitelist phải được cài đặt trên Tini Console. > * Khi sử dụng tính năng remote debugging, sau khi có update source code, bạn cần disconnect remote debugging session, và ấn “Re-generate QR” và scan lại code để run lại app.

✋ Support

Nếu gặp bất kỳ issue nào trong quá trình sử dụng Remote Debugging trên Tini Studio, vui lòng liên hệ hỗ trợ qua Tini App Slack Community.