KaiOS: คืออะไร สถาปัตยกรรมระบบและเว็บแอปพลิเคชัน

KaiOS คืออะไร

KaiOS คือระบบปฏิบัติการมือถือสำหรับโทรศัพท์แบบกดปุ่มที่พัฒนาโดย KaiOS Technologies ระบบนี้ใช้โปรเจกต์โอเพนซอร์ส Boot to Gecko (B2G) จาก Mozilla ซึ่งเดิมถูกสร้างขึ้นเพื่อเป็นทางเลือกบนเว็บแทน Android สำหรับอุปกรณ์ราคาประหยัดมาก การเปิดตัวเชิงพาณิชย์ครั้งแรกในปี 2017 บนโทรศัพท์ Reliance JioPhone ในอินเดีย

ตามข้อมูลของ Counterpoint Research (ไตรมาสที่ 2 ปี 2025) KaiOS ครองส่วนแบ่งตลาดระบบปฏิบัติการมือถือทั่วโลก 2.8% รองจาก Android (72%) และ iOS (27%) แต่นำหน้าแพลตฟอร์มอื่นๆ ในอินเดีย ส่วนแบ่งของ KaiOS สูงถึง 14% ต้องขอบคุณโปรแกรม JioPhone ราคาเฉลี่ยของอุปกรณ์ KaiOS อยู่ที่ 20-30 ดอลลาร์สหรัฐ ซึ่งทำให้มันสำคัญต่อตลาด emerging

คุณสมบัติหลักของ KaiOS คือแอปพลิเคชันทั้งหมดเป็นเว็บแอปพลิเคชัน นักพัฒนาเขียนโค้ดด้วย HTML5, CSS และ JavaScript แพ็คเกจใน ZIP archive พร้อมแมนิเฟสต์และเผยแพร่บน KaiStore ระบบไม่รองรับการติดตั้งไฟล์ APK เนทีฟ — รองรับเฉพาะ Open Web Apps ตามข้อกำหนด W3C Widget

ประวัติเวอร์ชัน KaiOS

KaiOS 2.5 (2018) — เวอร์ชันเสถียรแรกบนเคอร์เนล Gecko 48 มาพร้อม JioPhone 1 KaiOS 2.5.3 (2021) — รองรับ Google Assistant, Google Maps Go, YouTube Go KaiOS 3.0 (2022) — Gecko 84, ประสิทธิภาพที่ดีขึ้น, WebGL 2.0, CSS Grid KaiOS 3.1 (2024) — ปรับให้เหมาะสมกับ RAM 256 MB, Web API Audio Channel ใหม่, ความปลอดภัย TLS 1.3 ที่ดีขึ้น

สถาปัตยกรรม KaiOS: เคอร์เนล Linux และเอนจิน Gecko

สถาปัตยกรรม KaiOS ประกอบด้วยสามชั้นหลัก: เคอร์เนล Linux (Gonk), เอนจินเว็บ Gecko และอินเทอร์เฟซผู้ใช้ Gaia Gonk คือชั้นที่ขึ้นกับฮาร์ดแวร์ ซึ่งรวมถึงไดรเวอร์, HAL (Hardware Abstraction Layer), สแต็กโมเด็ม RIL (Radio Interface Layer) และการรองรับเซนเซอร์ บูตโหลดเดอร์ ไดรเวอร์และไลบรารีบางส่วนนำมาจาก Android Open Source Project (AOSP)

Gonk — ชั้นฮาร์ดแวร์

Gonk ให้ Gecko เข้าถึงฮาร์ดแวร์: กล้อง, Bluetooth, Wi-Fi, GPS, เสียง, การสั่น, เซนเซอร์ แตกต่างจาก Android ที่แอปเขียนสำหรับ Dalvik/ART ใน KaiOS แอปเข้าถึงฮาร์ดแวร์ผ่าน Web API ที่ Gecko แปลงเป็น Gonk IPC อินเทอร์เฟซวิทยุ (RIL) ให้บริการ 4G VoLTE, SMS, USSD และการจัดการซิมการ์ด

Gecko — เอนจินเว็บ

Gecko ใน KaiOS ไม่ใช่แค่เอนจินเบราว์เซอร์ แต่เป็นสภาพแวดล้อมรันไทม์แอปพลิเคชันที่สมบูรณ์ แอปพลิเคชัน HTML5 ทั้งหมดทำงานภายใน Gecko Process Manager ซึ่งแยกแต่ละแอปพลิเคชันในกระบวนการที่แยกต่างหาก Gecko ใช้ข้อกำหนด W3C Widget Packaging และส่วนขยายของ Mozilla สำหรับการเข้าถึงฮาร์ดแวร์ เวอร์ชัน Gecko กำหนดว่า Web API ใดบ้างที่พร้อมใช้งานสำหรับนักพัฒนา

Gaia — อินเทอร์เฟซผู้ใช้

Gaia คืออินเทอร์เฟซเว็บของระบบปฏิบัติการเอง: หน้าจอล็อก, หน้าจอหลัก (launcher), แผงการแจ้งเตือน, แป้นกดหมายเลข, รายชื่อ, ไคลเอนต์ SMS แอปพลิเคชันระบบทั้งหมดคือ Open Web Apps เหมือนกัน นักพัฒนาสามารถแทนที่กล้องหรือคีย์บอร์ดมาตรฐานด้วยแอปของตนเองโดยลงทะเบียนตัวจัดการกิจกรรมที่เกี่ยวข้องในแมนิเฟสต์

// ตรวจสอบเวอร์ชัน KaiOS และความพร้อมใช้งานของ API
function checkKaiOSVersion() {
    const ua = navigator.userAgent;
    let version = 'unknown';

    if (ua.includes('KAIOS/2.5')) {
        version = '2.5';
    } else if (ua.includes('KAIOS/3')) {
        version = '3.0';
    }

    const features = {
        geolocation: 'geolocation' in navigator,
        vibration: 'vibrate' in navigator,
        mozMobileConnection: 'mozMobileConnection' in navigator,
        mozTelephony: 'mozTelephony' in navigator,
        mozSms: 'mozSms' in navigator,
        bluetooth: 'bluetooth' in navigator
    };

    return { version, features };
}

// ตรวจสอบความพร้อมใช้งานของ Google Apps (KaiOS 2.5.3+ เท่านั้น)
const systemInfo = checkKaiOSVersion();
console.log('KaiOS version:', systemInfo.version);
console.log('Available APIs:', JSON.stringify(systemInfo.features, null, 2));

// ใช้การสั่นพร้อมตรวจสอบความพร้อมใช้งาน
function triggerHapticFeedback() {
    if (navigator.vibrate) {
        navigator.vibrate([200, 100, 200]); // การสั่น, หยุดชั่วคราว, การสั่น
    }
}

ฟังก์ชัน checkKaiOSVersion อ่าน User Agent เพื่อกำหนดเวอร์ชัน KaiOS และตรวจสอบความพร้อมใช้งานของ Web API หลัก ในเวอร์ชัน 2.5 มี mozMobileConnection, mozTelephony, mozSms — ซึ่งไม่มีในเบราว์เซอร์ทั่วไปและเป็นเอกลักษณ์ของ KaiOS ฟังก์ชัน triggerHapticFeedback ใช้ Vibration API แบบย้อนหลังเข้ากันได้

การสร้างแอปสำหรับ KaiOS: โครงสร้างและแมนิเฟสต์

แอป KaiOS คือ ZIP archive (รูปแบบ .zip ไม่ใช่ .apk) ที่มีไฟล์ HTML, CSS, JavaScript, รูปภาพและแมนิเฟสต์ โครงสร้างแอปขั้นต่ำประกอบด้วย manifest.webapp (คำอธิบายแอป), index.html (จุดเข้า), style.css และ icon.png (ไอคอนสี่เหลี่ยมจัตุรัส 90×90 พิกเซล) แมนิเฟสต์เป็นไปตามข้อกำหนด W3C Manifest for Web Apps

แมนิเฟสต์ manifest.webapp

ไฟล์ manifest.webapp คือไฟล์คอนฟิกูเรชันรากของแอป KaiOS ฟิลด์ที่จำเป็น: name (ชื่อ), description (คำอธิบายสูงสุด 140 ตัวอักษร), launch_path (เส้นทางไปยัง index.html), icons (ขนาดไอคอน 30×30, 60×60, 90×90, 120×120) ฟิลด์ type: 'certified' (แอประบบ), 'privileged' (เข้าถึง Web API), 'web' (ไม่มีสิทธิพิเศษ) สิทธิ์สำหรับแอป privileged ระบุในอาร์เรย์ permissions

// manifest.webapp — การกำหนดค่าแอปพลิเคชัน KaiOS
{
    "name": "ไฟฉาย",
    "description": "เปิดและปิดแฟลชกล้อง",
    "launch_path": "/index.html",
    "icons": {
        "30": "/icons/icon-30.png",
        "60": "/icons/icon-60.png",
        "90": "/icons/icon-90.png",
        "120": "/icons/icon-120.png"
    },
    "type": "privileged",
    "permissions": {
        "camera": {
            "description": "จำเป็นสำหรับการเปิดแฟลช"
        }
    },
    "default_locale": "ru",
    "orientation": "portrait-primary",
    "fullscreen": true
}

แมนิเฟสต์ระบุว่าแอปเป็นประเภท privileged — ซึ่งให้สิทธิ์เข้าถึง API กล้องผ่าน permissions ขนาดไอคอนคือ 30×30, 60×60, 90×90 และ 120×120 พิกเซลอย่างเคร่งครัด ฟิลด์ orientation จำกัดโหมดแนวตั้ง — โทรศัพท์แบบกดปุ่มมักไม่มี accelerometer สำหรับหมุนหน้าจอ fullscreen: true ซ่อนแถบสถานะ

โครงสร้างหน้า HTML

หน้า HTML5 ใน KaiOS ใช้แท็กมาตรฐานโดยคำนึงถึงหน้าจอที่จำกัด (ปกติ 240×320 พิกเซล) แท็กเมตา viewport เป็นสิ่งจำเป็น: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> KaiOS ไม่รองรับอีเวนต์สัมผัส (ไม่มีหน้าจอสัมผัสบนโทรศัพท์แบบกดปุ่ม); การนำทางทั้งหมดผ่านปุ่ม: ArrowUp, ArrowDown สำหรับเคลื่อนที่, Enter สำหรับเลือก, Back สำหรับกลับ

// index.html — แอปไฟฉายอย่างง่ายสำหรับ KaiOS
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>ไฟฉาย</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div id="app">
        <div id="status" class="status-off">ปิดอยู่</div>
        <div id="hint">กด Enter เพื่อเปิด</div>
    </div>

    <script>
        const statusEl = document.getElementById('status');
        const hintEl = document.getElementById('hint');
        let isFlashOn = false;
        let camera = null;

        async function initCamera() {
            try {
                camera = navigator.mozCameras.getListOfCameras()[0];
                const cameraControl = await
                    navigator.mozCameras.getCamera(camera, { mode: 'picture' });
                return cameraControl;
            } catch (e) {
                showError('กล้องไม่พร้อมใช้งาน: ' + e.message);
            }
        }

        async function toggleFlash() {
            const cam = await initCamera();
            if (!cam) return;

            isFlashOn = !isFlashOn;
            try {
                await cam.setConfiguration({
                    mode: 'picture',
                    flashMode: isFlashOn ? 'on' : 'off'
                });
                statusEl.textContent = isFlashOn ? 'เปิดอยู่' : 'ปิดอยู่';
                statusEl.className = isFlashOn ? 'status-on' : 'status-off';
            } catch (e) {
                showError('ข้อผิดพลาด: ' + e.message);
            }
        }

        // การจัดการปุ่ม Enter ฮาร์ดแวร์
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Enter') {
                toggleFlash();
            }
        });

        initCamera();
    </script>
</body>
</html>

แอป ไฟฉาย ใช้ MozCamera API เพื่อควบคุมแฟลชกล้อง ผู้ใช้กดปุ่ม Enter ฮาร์ดแวร์ — ตัวจัดการ keydown ทำงาน สลับ flashMode ระหว่าง on และ off สถานะแสดงในบล็อกข้อความพร้อมคลาส status-on/status-off สำหรับการบ่งชี้ทางภาพ MozCamera API พร้อมใช้งานเฉพาะแอป privileged ที่มีสิทธิ์กล้องในแมนิเฟสต์

Web API ของ KaiOS: การทำงานกับโทรศัพท์และฮาร์ดแวร์

KaiOS Web API คือชุดอินเทอร์เฟซ JavaScript ที่ให้สิทธิ์เข้าถึงความสามารถฮาร์ดแวร์ของโทรศัพท์ API ส่วนใหญ่เป็นส่วนขยายเฉพาะของ Mozilla (คำนำหน้า moz) และไม่พร้อมใช้งานในเบราว์เซอร์ทั่วไป ในการใช้ API แอปต้องมีประเภท privileged หรือ certified ในแมนิเฟสต์

Web API หลัก

MozMobileConnection — ข้อมูลเครือข่าย: ผู้ให้บริการ, ความแรงของสัญญาณ, ประเภทเครือข่าย (4G/3G/2G), IMEI, สถานะโรมมิ่ง MozTelephony — การจัดการสาย: โทรออก, รับสาย, วางสาย, สายประชุม, สถานะสาย MozSms — การส่งและรับ SMS, MMS, การจัดการข้อความ SIM MozContacts — การอ่านและเขียนสมุดโทรศัพท์ MozBluetooth — การจัดการ Bluetooth: การค้นหาอุปกรณ์, การจับคู่, การถ่ายโอนไฟล์ Push API — การรับการแจ้งเตือนแบบ Push จากเซิร์ฟเวอร์

// การทำงานกับรายชื่อและสายโทรศัพท์ผ่าน Web API ของ KaiOS
const TelephonyManager = {
    // โทรออกตามหมายเลข
    async makeCall(phoneNumber) {
        if (!navigator.mozTelephony) {
            throw new Error('Telephony API ไม่พร้อมใช้งาน');
        }

        const call = navigator.mozTelephony.dial(phoneNumber);
        call.onconnected = () => console.log('การโทรถูกเชื่อมต่อแล้ว');
        call.ondisconnected = () => console.log('การโทรสิ้นสุดแล้ว');
        return call;
    },

    // รับรายชื่อจากสมุดโทรศัพท์
    async getContacts() {
        const cursor = navigator.mozContacts.getAll({
            sortBy: 'familyName',
            sortOrder: 'ascending'
        });

        const contacts = [];
        return new Promise((resolve, reject) => {
            cursor.onsuccess = function() {
                if (this.result) {
                    contacts.push(this.result);
                    this.continue();
                } else {
                    resolve(contacts);
                }
            };
            cursor.onerror = function() {
                reject(this.error);
            };
        });
    },

    // ส่ง SMS
    async sendSms(phoneNumber, message) {
        if (!navigator.mozSms) {
            throw new Error('SMS API ไม่พร้อมใช้งาน');
        }
        const request = navigator.mozSms.send(phoneNumber, message);
        return new Promise((resolve, reject) => {
            request.onsuccess = () => resolve(request.result);
            request.onerror = () => reject(request.error);
        });
    }
};

// ตัวอย่างการใช้งาน
TelephonyManager.getContacts()
    .then(contacts => console.log('พบรายชื่อติดต่อ:', contacts.length))
    .catch(err => console.error(err));

ออบเจ็กต์ TelephonyManager รวมสาม API หลักของ KaiOS: mozTelephony สำหรับสาย, mozContacts สำหรับสมุดโทรศัพท์และ mozSms สำหรับข้อความ getAll() พร้อมเคอร์เซอร์เป็นรูปแบบสำหรับการอ่านข้อมูลปริมาณมากแบบอะซิงโครนัส (ทั่วไปสำหรับรายชื่อ 1000+ รายการ) API ทั้งหมดส่งคืน DOMRequest พร้อมตัวจัดการ onsuccess และ onerror

ข้อจำกัดของ Web API

Web API ของ KaiOS มีข้อจำกัด: API สายและ SMS พร้อมใช้งานเฉพาะบนโทรศัพท์ (ไม่ใช่แท็บเล็ต), กล้อง — เฉพาะเมื่อมีกล้องจริง, Bluetooth — โปรไฟล์ HSP/HFP ที่จำกัด Push API ต้องการการรองรับเซิร์ฟเวอร์ Google Firebase (FCM) หรือเซิร์ฟเวอร์ที่กำหนดเอง API ระบุตำแหน่งทางภูมิศาสตร์ใช้ A-GPS หรือ Cell ID ขึ้นอยู่กับการรองรับฮาร์ดแวร์

UI และการนำทาง: T9, ปุ่มกดและหน้าจอ 240×320

อินเทอร์เฟซผู้ใช้ KaiOS ออกแบบมาสำหรับการควบคุมด้วยแป้นพิมพ์ T9 และปุ่มฮาร์ดแวร์ ความละเอียดหน้าจอมาตรฐานคือ 240×320 พิกเซล (QVGA) บนโทรศัพท์แบบกดปุ่มส่วนใหญ่ การไม่มีหน้าจอสัมผัสหมายถึงการนำทางทั้งหมดใช้ผ่านอีเวนต์ keydown/keyup: ArrowUp, ArrowDown, ArrowLeft, ArrowRight, Enter, Back (หรือ Escape)

การจัดการโฟกัส

KaiOS ไม่รองรับ CSS :focus ในแบบปกติ — โฟกัสถูกจัดการผ่าน tabindex และ JavaScript นักพัฒนาต้องติดตามองค์ประกอบที่เลือกอยู่ในปัจจุบันด้วยตนเองและย้ายโฟกัสเมื่อกดปุ่ม แนะนำให้ใช้ data-index บนองค์ประกอบรายการเพื่อทำให้การนำทางง่ายขึ้น องค์ประกอบที่เลือกมักจะถูกเน้นด้วยคลาส .selected พร้อม background-color CSS ที่ตัดกัน

// การนำทางโฟกัสผ่านรายการสำหรับ KaiOS
class ListNavigation {
    constructor(containerSelector) {
        this.container = document.querySelector(containerSelector);
        this.items = this.container.querySelectorAll('[data-index]');
        this.currentIndex = 0;
        this.init();
    }

    init() {
        this.updateFocus();

        document.addEventListener('keydown', (e) => {
            switch (e.key) {
                case 'ArrowUp':
                    e.preventDefault();
                    this.moveFocus(-1);
                    break;
                case 'ArrowDown':
                    e.preventDefault();
                    this.moveFocus(1);
                    break;
                case 'Enter':
                    e.preventDefault();
                    this.selectItem();
                    break;
                case 'Backspace':
                case 'Escape':
                    e.preventDefault();
                    this.goBack();
                    break;
            }
        });
    }

    moveFocus(direction) {
        this.items[this.currentIndex].classList.remove('selected');
        this.currentIndex = (this.currentIndex + direction + this.items.length) % this.items.length;
        this.updateFocus();
    }

    updateFocus() {
        const el = this.items[this.currentIndex];
        el.classList.add('selected');
        el.scrollIntoView({ block: 'nearest' });
    }

    selectItem() {
        const el = this.items[this.currentIndex];
        const event = new CustomEvent('itemselected', {
            detail: { index: this.currentIndex, element: el }
        });
        this.container.dispatchEvent(event);
    }

    goBack() {
        history.back();
    }
}

// เริ่มต้นการนำทางสำหรับรายการเมนู
const nav = new ListNavigation('#menu-list');
nav.container.addEventListener('itemselected', (e) => {
    console.log('เลือกองค์ประกอบ:', e.detail.index);
});

คลาส ListNavigation ใช้การนำทางโฟกัสที่สมบูรณ์สำหรับ KaiOS ArrowUp/ArrowDown ย้ายโฟกัสแบบวนรอบผ่านองค์ประกอบที่มี data-index Enter เรียกอีเวนต์แบบกำหนดเอง itemselected Backspace/Escape กลับไปยังหน้าจอก่อนหน้า scrollIntoView พร้อม block: nearest เลื่อนหน้าจอโดยอัตโนมัติเมื่อออกจากพื้นที่ที่มองเห็น

CSS สำหรับ KaiOS

KaiOS 2.5 รองรับ CSS 2.1 + บางส่วน CSS3 (border-radius, box-shadow, gradients) Flexbox รองรับบางส่วนใน KaiOS 2.5 รองรับเต็มที่รวมถึง CSS Grid ใน KaiOS 3.0 แนะนำให้ใช้เลย์เอาต์แบบ float ที่มีความกว้างคงที่เพื่อความเข้ากันได้ ฟอนต์เริ่มต้นคือ TizenSans หรือ Noto Sans CJK สำหรับตลาดเอเชีย ขนาดข้อความคือ 14-16 พิกเซลสำหรับเนื้อหาหลัก, 18-20 สำหรับหัวข้อ

KaiStore และการเผยแพร่แอป

KaiStore คือร้านแอปอย่างเป็นทางการสำหรับ KaiOS ติดตั้งไว้ล่วงหน้าบนอุปกรณ์ทั้งหมด นักพัฒนาลงทะเบียนใน KaiOS Developer Portal (developer.kaiostech.com) อัปโหลดแพ็คเกจ ZIP ที่เซ็นชื่อแล้วและกรอกคำอธิบาย การตรวจสอบความปลอดภัย ความเสถียรและการปฏิบัติตามนโยบายเนื้อหา เวลาตรวจสอบโดยเฉลี่ยคือ 3-5 วันทำการ

การเซ็นชื่อแอป

KaiOS ต้องการการเซ็นชื่อดิจิทัลของแอปผ่าน KaiOS Certificate นักพัฒนาสร้างคู่คีย์ (ส่วนตัว + สาธารณะ) ผ่านยูทิลิตี้ kaios-sign ส่งคีย์สาธารณะไปยัง KaiOS Developer Portal และรับใบรับรอง ไฟล์ .zip ที่เซ็นชื่อแล้วมีลายเซ็นในโฟลเดอร์ META-INF หากไม่มีลายเซ็น แอปสามารถติดตั้งได้เฉพาะบนอุปกรณ์ dev เท่านั้น

รูปแบบการกระจายและการสร้างรายได้

KaiStore รองรับแอปฟรี โฆษณาผ่าน KaiOS Ads SDK และการซื้อในแอปผ่านการเรียกเก็บเงินจากผู้ให้บริการ (Direct Carrier Billing) ค่าคอมมิชชันของ KaiStore คือ 30% ของรายได้ ช่องทางอื่นคือการติดตั้งล่วงหน้าผ่านผู้ผลิต OEM (Jio, Nokia, Alcatel, Doro) การติดตั้งล่วงหน้าต้องมีสัญญาโดยตรงกับผู้ผลิตอุปกรณ์

ข้อจำกัดของ KaiStore

KaiStore ไม่รองรับแอปแบบชำระเงินในบางประเทศ (ชำระเงินผ่านการเรียกเก็บเงินจากผู้ให้บริการเท่านั้น) ขนาดแอปถูกจำกัดที่ 10 MB สำหรับการดาวน์โหลดผ่านเครือข่าย 2G/3G แอปต้องไม่ใช้ RAM เกิน 50 MB การเข้าถึง API mozMobileConnection ถูกห้ามโดยไม่มีการประกาศอย่างชัดเจนในแมนิเฟสต์ การละเมิดนโยบายส่งผลให้บัญชีนักพัฒนาถูกระงับ