SuperApp：Platform Aplikasi Bisnis SuperApp

Dokumen ini memperkenalkan Platform Aplikasi Bisnis SuperApp, keunggulannya, serta pemilihan kerangka pengembangan MiniApp.

Serta keunggulan Platform Aplikasi Bisnis SuperApp.

Serta pemilihan kerangka pengembangan MiniApp.

Apa itu SuperApp?

Sebuah superapp adalah aplikasi yang berfungsi sebagai platform dan ekosistem untuk miniapp. Ini menyediakan serangkaian kemampuan inti yang disampaikan langsung kepada pengguna akhir, seperti pelanggan, mitra, dan karyawan, memungkinkan pengembang pihak ketiga untuk membuat dan menerbitkan miniapp di platform tersebut. Pengguna superapp dapat memilih dan mengaktifkan miniapp yang ingin mereka gunakan, serta menikmati pengalaman pengguna yang konsisten di berbagai miniapp yang dipersonalisasi.

Alibaba Platform Aplikasi Bisnis SuperApp

Platform Aplikasi Bisnis SuperApp Alibaba adalah platform alat full-stack untuk membangun superApps dan ekosistem terkait. Ini menyediakan kemampuan platform lengkap termasuk kontainer MiniApp, plugin IDE, dan platform aplikasi terbuka untuk membantu Anda membangun ekosistem aplikasi yang kaya.

Arsitektur

Gambar berikut mengilustrasikan arsitektur Platform Aplikasi Bisnis SuperApp Alibaba.

Arsitektur ini terdiri dari tiga modul.

Mengapa Alibaba Platform Aplikasi Bisnis SuperApp?

• Manajemen APP Terpusat

  Ubah berbagai aplikasi Anda menjadi miniapp dan layani pelanggan Anda dengan satu Superapp.

• Tingkatkan Pertumbuhan Pengguna

  Platform superapp dapat menyediakan skenario bisnis dan layanan yang lebih kaya bagi pengguna untuk meningkatkan aktivitas dan loyalitas pengguna Superapp.

• Spesifikasi Teknis Terpadu

  Tim R&D, ISV, dan mitra dapat mengandalkan platform dan spesifikasi teknis yang sama untuk mengembangkan miniapp.

• Manfaatkan Mitra Ekosistem

  Pemilik platform superapp dapat membawa skenario bisnis mitra pihak ketiga ke dalam Superapp dengan miniapp.

Kerangka pengembangan miniapp

• Apa itu miniapp?

  Miniapp memberikan fungsi yang kaya dan pengalaman pengguna yang luar biasa. Mereka sangat nyaman.

  Miniapp berjalan pada superapp seluler yang menampung kontainer miniapp. Miniapp dan aplikasi H5 sangat mirip karena keduanya diprogram dalam Javascript dan keduanya memberikan manfaat seperti dukungan lintas platform, biaya pengembangan rendah, dan iterasi cepat. Namun, miniapp dapat memanfaatkan kemampuan perangkat keras untuk memberikan lebih banyak fungsi daripada aplikasi H5, seperti mendapatkan status jaringan, menyimpan data, dan menggunakan sensor, sehingga memberikan pengalaman pengguna setara dengan aplikasi asli.

  Manfaat miniapp:

  • Dukungan lintas platform: Sebuah miniapp dapat berjalan di Android dan iOS tanpa perlu memelihara kode secara terpisah.

  • Biaya rendah: Pengembang dapat dengan mudah beralih dari aplikasi H5 ke miniapp karena kesamaannya dalam pengembangan.

  • Iterasi cepat: Mirip dengan aplikasi H5, miniapp dapat diterbitkan dan diperbarui secara real-time.

  • Pengalaman mendekati asli: Miniapp dapat memperoleh izin sistem dan memanfaatkan kemampuan perangkat keras, memberikan pengalaman pengguna setara dengan aplikasi asli.

• Kerangka miniapp yang didukung oleh Solusi Superapp Alibaba

  • uni-app

    uni-app adalah kerangka kerja yang memungkinkan Anda mengembangkan aplikasi front-end menggunakan Vue.js. Set kode yang sama dapat diterbitkan sebagai miniapp pada superapp (seperti Alipay, DingTalk, Taobao, dan WeChat), sebagai aplikasi iOS dan Android asli, atau sebagai aplikasi web. uni-app memiliki komunitas dengan jutaan pengembang dan aplikasi. uni-app telah dibuka sumbernya di Github untuk digunakan semua orang.

    Untuk informasi lebih lanjut tentang uni-app, kunjungi situs resmi uni-app.

    Solusi Superapp Alibaba menyediakan kontainer miniapp uni-app yang memungkinkan Anda meluncurkan dan mengelola miniapp yang dibuat menggunakan uni-app. Kontainer miniapp uni-app telah terintegrasi dengan Platform Aplikasi Terbuka EMAS, membantu perusahaan dan pengembang independen membangun ekosistem aplikasi mereka.

  • WindVane

    WinVane adalah solusi yang dapat diperluas untuk aplikasi hybrid. Ini menyediakan kontainer WebView yang kuat dan mudah digunakan untuk aplikasi web dalam aplikasi hybrid. WindVane menambahkan berbagai fitur, seperti penyaringan URL dan acara, untuk objek WebView. Aplikasi web WindVane dapat berinteraksi dengan aplikasi hybrid yang menjadi host untuk memanfaatkan fungsi perangkat keras. Kontainer WindVane mendukung miniapp dan aplikasi H5.

    WindVane miniapp adalah aplikasi web yang terintegrasi dengan windvane.js dan berjalan di dalam kontainer WindVane. Dibandingkan dengan aplikasi H5, WindVane miniapp dapat memperoleh izin sistem dan memanfaatkan fungsi perangkat keras.

    WindVane mengintegrasikan fungsionalitas ini melalui windvane.js yang memungkinkan miniapp berinteraksi dengan aplikasi asli menggunakan API JS. WindVane memiliki puluhan API JS bawaan yang memungkinkan akses ke kemampuan perangkat dan mendukung API JS kustom. Ini memungkinkan pengembang untuk membuat aplikasi web yang memberikan fitur lebih kaya dan pengalaman pengguna yang lebih baik.

• Perbandingan

  Item	WindVane	uni-app
  Bahasa pemrograman	Javascript dan Typescript	Javascript dan Typescript
  Kerangka pengembangan	Tanpa Batas	Vue.js
  Kontainer miniapp	Kontainer WindVane adalah kontainer WebView standar yang dapat merender miniapp WindVane dan aplikasi web standar.	Kontainer uni-app dapat merender miniapp uni-app serta komponen aplikasi asli.
  Metode tata letak	HTML (div) + CSS	Komponen Tunggal Vue (SFC)
  Struktur proyek	Struktur proyek umum aplikasi web	Memuat file konfigurasi spesifik untuk uni-app, seperti pages.json dan manifest.json
  Tag	Tag HTML umum seperti div dan img	Tag yang didefinisikan dalam uni-app, seperti view dan image
  Variasi dalam pustaka komponen UI	Tinggi	Tinggi
  Beragam API	Ya	Ya
  Ekstensibilitas tinggi API	Tinggi. API kustom didukung.	Tinggi. API kustom didukung.
  Ukuran SDK	Lebih kecil	Lebih besar
  Jenis aplikasi	WindVane miniapps	miniapp uni-app, aplikasi web, dan aplikasi asli
  Ukuran aplikasi	KB~MB	MB

  Ringkasan:

  • Kurva pembelajaran

    WindVane memiliki kurva pembelajaran yang mulus,

    karena kompatibel dengan semua kerangka pengembangan web, seperti kombinasi umum HTML + CSS. Oleh karena itu, WindVane adalah solusi yang lebih baik untuk pengembang yang sudah familiar dengan metode pengembangan web.

    Di sisi lain, uni-app terbatas pada kerangka Vue.js. Pengembang yang terbiasa dengan standar lain harus mempelajari Vue.js terlebih dahulu dan sesuai dengan Komponen Tunggal Vue (SFC). Struktur proyek aplikasi berisi file konfigurasi yang spesifik untuk uni-app.

  • Ukuran aplikasi

    Jika Anda ingin mengembangkan aplikasi ringan dengan jejak penyimpanan yang dapat diabaikan, WindVane direkomendasikan.

    Miniapp WindVane biasanya hanya memakan beberapa KB. Hanya dalam kasus ekstrem, seperti miniapp yang sangat kompleks, miniapp akan memakan beberapa MB. Miniapp uni-app biasanya memakan beberapa MB, dan mengambil penyimpanan sistem karena harus diunduh ke perangkat.

  • Dukungan lintas platform

    Jika Anda membutuhkan solusi lintas platform, kerangka uni-app direkomendasikan.

    Baik WindVane maupun uni-app mendukung pengembangan lintas platform, tetapi hanya uni-app yang dapat menerapkan ini dengan satu set kode. Set kode yang sama dapat diterapkan sebagai miniapp di berbagai platform, seperti Alipay dan WeChat, serta aplikasi web umum, dan aplikasi asli.