ATZ App Studio

ATZ APP STUDIOWebsite → Mobile Application

Dự án cục bộ

01Thông tin ứng dụng

02Giao diện & tính năng

03Mã nguồn cấu hình

04Build & phát hành

LIVE PREVIEW

Bản xem trước thiết bị

Hiếu ATZ•••

Hiếu ATZANDROIDcom.hieuatz.store

Khung xem trước dùng trực tiếp URL website. Một số website bên ngoài có thể chặn hiển thị trong iframe nhưng vẫn đóng gói được bằng cấu hình native.

CODE OUTPUT

Mã cấu hình

import type { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.hieuatz.store',
  appName: 'Hiếu ATZ',
  webDir: 'dist',
  server: {
    url: 'http://localhost:3000/',
    cleartext: true
  },
  plugins: {
    SplashScreen: {
      launchShowDuration: 1400,
      backgroundColor: '#ff641c',
      showSpinner: false
    },
    PushNotifications: {
      presentationOptions: ['badge', 'sound', 'alert']
    }
  }
};

export default config;

FILES SẼ TẠO

TScapacitor.config.tsSẵn sàng

JSmanifest.webmanifestSẵn sàng

CMDbuild-commands.txtSẵn sàng

CẤU HÌNH HỢP LỆ

Sẵn sàng bắt đầu code

Tải file cấu hình, cài Capacitor và mở dự án bằng Android Studio hoặc Xcode.

Mở app mẫu để tham khảo →