Skip to main content
版本:v2

快速上手

介绍

Zepp OS 的开放能力包括小程序和表盘。

小程序运行效果:

小程序运行效果

表盘运行效果:

表盘运行效果

开发者可以在 Zepp App 中的「应用商店」和「表盘商城」中体验到更多小程序和表盘。

开始

通过本文档的引导,可以快速上手 Zepp OS 小程序和表盘开发。

申请账号

首先需要一个 Zepp 账号,通过这个账号可以管理小程序和表盘。

前往 注册 Zepp 账号,或者使用已有的 Zepp 账号。

警告

暂时只支持使用邮箱或手机号登录,不支持三方账号登录。

Zepp 应用和设备准备

手机前往应用市场安装最新版本的 Zepp App。

在 Zepp App 中登录 Zepp 账号,并且按照提示完成搭载 Zepp OS 设备的绑定。

创建第一款表盘

我们提供了两种构建表盘的方式。

第一种在浏览器中通过 表盘制作工具(可视化交互界面)在线制作表盘。

effects

信息

表盘制作工具无需任何编程经验,操作和交互设计的非常友好!更多用法参考 表盘制作工具 - 使用说明

第二种是通过 Zeus CLI 的方式创建表盘项目(与下文小程序方式相同,请参考 创建第一款小程序)。

创建第一款小程序

在这一步中,我们对小程序开发环境进行一系列配置,安装开发工具,完成第一款小程序的创建。

提示

此流程同样适用于表盘 Zeus CLI 的开发方式。

安装 Node.js 和代码编辑器

请参考 基础环境搭建

安装 Zeus CLI

Zeus CLI 是一款命令行工具,使用 zeus create 命令快速创建模版项目。

安装请参考 Zeus CLI

安装模拟器

Zepp OS 模拟器可以帮助开发者模拟小程序的运行表现。同时可以查看小程序的日志,方便开发者调试,极大提高开发效率。

workspace.jpg

安装过程请参考 模拟器安装

使用 Zeus CLI 创建模版项目

zeus create hello-world

命令行交互

项目创建完成,使用代码编辑器打开项目,便可看到模版项目代码。

编译预览

参考 模拟器 - 安装与启动,安装并启动模拟器。

cd /Applications/simulator.app/Contents/MacOS && sudo -s ./simulator
信息

模拟器通信依赖虚拟网卡 tun/tap,其运行需要 sudo 权限,所以需要使用 sudo 命令运行模拟器

启动模拟器后,参考 模拟器 - 安装并开启「设备模拟器」 完成「设备模拟器」的安装与启动。

download.jpg

device_simulator.jpg

在模版项目 hello-world 根目录执行 zeus dev 编译预览命令,Zeus CLI 会对项目代码进行编译并通过模拟器预览。

zeus dev

就可以在「设备模拟器」中预览到我们的 hello-world 小程序。

hello world 预览

真机预览请参考 Zeus CLI 真机预览


恭喜你 🎉🎉🎉,完成了第一款 Zepp OS 小程序创建。

除了模版项目以外,我们还提供了一系列示例小程序和表盘供开发者参考:

想了解更多关于框架、API 的详细内容,请参考:

想了解更多小程序开发调试技巧,请参考:

想了解小程序和表盘的发布,请参考: