示例

Sparkling 提供了一组可运行的 Lynx 示例。每个示例都通过 <Go> 组件嵌入,你可以:

  • 浏览源码 —— 逐个文件阅读完整示例。
  • 网页预览 —— 在浏览器中实时运行该 Lynx 页面。
  • 扫码上真机 —— 通过二维码在 Lynx Explorer(已集成 Sparkling)中打开, 真正运行原生能力。
网页预览 vs 真机

网页预览会在浏览器中渲染 UI,但 Sparkling 的原生 method 桥(导航、存储、 媒体、全局属性)只能在 Sparkling 容器内运行。要体验这些能力,请使用二维码 标签页,在手机的 Lynx Explorer 中打开示例。

Hello World

一个带点击计数器的最小 Sparkling Lynx 页面。

Vue Router(MPA)

Vue Router 驱动 Sparkling 的多页原生导航:一份路由配置, 多个原生 Lynx 页面。堆内(SPA)路由切换可在网页预览中实时运行;跨页(MPA)导航则在真机上 打开原生容器。

Sparkling Go 示例

Sparkling Go playground 是一个演示全部内置能力的完整应用。其示例按功能分组:

  • 导航 —— 基于 scheme 的 push/pop 与页面间传参。
  • Scheme —— 构建并预览 Sparkling scheme URL。
  • 全局属性 —— 读取设备、屏幕与容器信息。
  • 存储 —— 持久化并读取键值数据。
  • 媒体 —— 选择、上传与下载媒体。

工作原理

packages/website/scripts/prepare-examples.mjs 会把 examples/* 下的每个目录 以及 packages/playground 应用变成在线嵌入示例:构建每个示例(用于浏览器的 *.web.bundle 与用于真机的 *.lynx.bundle),写入符合 go-web 规范的 example-metadata.json,并复制到 public/examples/<name>/<Go> 组件读取该 元数据。