view --main zalo-mini-app-razrabotka-detsentralizovannyh-prilozheniy-dlya-zalo.md

zalo-mini-app — Разработка децентрализованных приложений для Zalo

Name: zalo-mini-app — Разработка децентрализованных приложений для Zalo
Author: suminhthanh/zalo-mini-app-skills

zalo-mini-app – это модуль для упрощения разработки децентрализованных приложений в рамках платформы Zalo. Он позволяет создавать легкие веб-приложения, интегрированные в супер-приложение Zalo, используя знакомые инструменты и компоненты, такие как React и ZaUI. Решение эффективно решает проблему создания функциональных приложений для Zalo без сложной начальной настройки.

Модуль предоставляет готовые пакеты, включая Zmp-UI и Zmp-SDK, а также набор Web3-инструменты для взаимодействия с API платформы Zalo, такими как авторизация пользователей, хранение данных и доступ к устройствам. Это значительно ускоряет процесс блокчейн-разработка и снижает порог входа для разработчиков.

Благодаря готовым шаблонам и документации, zalo-mini-app позволяет быстро создавать и развертывать мини-приложения, расширяя функциональность платформы Zalo и предоставляя новые возможности для пользователей. Использование модуля обеспечивает стандартизацию и оптимизацию процесса создания децентрализованных приложений для Zalo.

$ git log --oneline --stat

⭐ звёзды: 72

форки: 29

обновлено: 20 января 2026 года в 02:15

Проводник файлов

16 файлы

SKILL.md

references

api-device.md 2.2 KB

api-overview.md 2.1 KB

api-storage.md 1.3 KB

api-ui.md 2.1 KB

api-user.md 2.3 KB

api-zalo.md 2 KB

design-guidelines.md 1.6 KB

getting-started.md 2.2 KB

react-best-practices.md 17.7 KB

web-design-guidelines.md 13 KB

zaui-display.md 2 KB

zaui-form.md 2 KB

zaui-layout.md 1.7 KB

zaui-overlay.md 1.9 KB

zaui-overview.md 1.6 KB

SKILL.md

readonly --- lines

--- name: zalo-mini-app description: Build Zalo Mini Apps - lightweight web apps running inside Zalo super-app. This skill provides ZaUI components (Button, Input, Modal, Tabs, Avatar, etc.), JavaScript APIs (authorize, getUserInfo, getPhoneNumber, getLocation, Storage, Camera), Checkout SDK for payments, design guidelines, and development tools. Use when building Mini Apps, using ZaUI components, calling Zalo APIs, integrating payments, converting web apps to Mini Apps, or following Zalo design standards. --- # Zalo Mini App Development Build Mini Apps for the Zalo platform using React, ZaUI components, and Zalo SDK APIs. ## Quick Start ```bash npm install -g zmp-cli zmp create my-app && cd my-app && zmp start ``` See [getting-started.md](./references/getting-started.md) for full setup, deployment, and app-config.json. ## Core Packages ```bash npm install zmp-ui zmp-sdk ``` ```js import { Button, Input, Modal } from "zmp-ui"; import "zmp-ui/zaui.css"; import { getUserInfo, authorize } from "zmp-sdk/apis"; ``` ## References ### APIs - [api-overview.md](./references/api-overview.md) - API categories & patterns - [api-user.md](./references/api-user.md) - authorize, getUserInfo, getPhoneNumber - [api-storage.md](./references/api-storage.md) - setItem, getItem, storage APIs - [api-ui.md](./references/api-ui.md) - showToast, navigation, routing - [api-device.md](./references/api-device.md) - location, camera, QR, NFC - [api-zalo.md](./references/api-zalo.md) - followOA, openChat, share ### ZaUI Components - [zaui-overview.md](./references/zaui-overview.md) - Component list & design tokens - [zaui-layout.md](./references/zaui-layout.md) - App, Page, Header, Tabs, Router - [zaui-display.md](./references/zaui-display.md) - Avatar, Icon, List, Swiper - [zaui-form.md](./references/zaui-form.md) - Button, Input, Select, DatePicker - [zaui-overlay.md](./references/zaui-overlay.md) - Modal, Sheet, ActionSheet ### Design & Setup - [design-guidelines.md](./references/design-guidelines.md) - Colors, typography, UX - [getting-started.md](./references/getting-started.md) - Setup, deploy, publish - [web-design-guidelines.md](./references/web-design-guidelines.md) - Accessibility, forms, animations, touch, i18n ### Performance & React - [react-best-practices.md](./references/react-best-practices.md) - Waterfalls, bundle size, re-renders, JS performance ## Common Patterns ### Get User Info ```js const { userInfo } = await getUserInfo({ autoRequestPermission: true }); // { id, name, avatar, followedOA } ``` ### Basic Page Layout ```jsx <App> <Page> <Header title="Home" /> <List> <List.Item title="Item" suffix={<Icon icon="zi-chevron-right" />} /> </List> </Page> <BottomNavigation fixed> <BottomNavigation.Item key="home" label="Home" icon={<Icon icon="zi-home" />} /> </BottomNavigation> </App> ``` ## Resources - Docs: https://miniapp.zaloplatforms.com/documents/ - Mini App Center: https://miniapp.zaloplatforms.com/ - React Best Practices: https://react.dev - SWR: https://swr.vercel.app

Инициализация мануала...