大数跨境

Polaris 进入稳定期:Shopify 应用开发的未来

Polaris 进入稳定期:Shopify 应用开发的未来 Shopify电商独立站
2025-10-01
3
导读:今天标志着 Shopify 开发者的重要里程碑:Polaris 现已稳定,并成为在整个 Shopify 生态系统中构建体验的默认库。它从最初的候选版本(Release Candidate)演进为功能强

今天标志着 Shopify 开发者的重要里程碑时刻:Polaris 现已稳定,并成为在整个 Shopify 生态系统中构建体验的默认库。最初作为发布候选版的项目,已演变为功能强大、可直接投入生产的工具包,将为下一代 Shopify 应用开发提供动力。

在所有触点实现真正统一

Polaris 现在为所有 Shopify 界面提供一致的开发者体验:

  • 应用主页:构建丰富的管理后台体验
  • 管理后台 UI 扩展:优化商户工作流程
  • 结账 UI 扩展:定制购买体验
  • 客户账户 UI 扩展:打造无缝的账户管理体验
  • POS UI 扩展:定制 POS 工作流程

基于 Web Components 构建,Polaris 可与任何框架(React、Vue、原生 JavaScript 或无框架)直观协作。这意味着您可以编写感觉像 HTML 的组件,同时保持 Shopify 设计系统的强大功能和一致性。

<s-stack gap="base"> <s-button variant="primary">Get started</s-button> <s-button variant="secondary">Components</s-button> </s-stack>

入门变得更加简单

适用于应用主页

与App Bridge 脚本标签类似,只需在应用中添加一个脚本标签即可引入 Polaris,无需额外设置。

<head> <meta name="shopify-api-key" content="%SHOPIFY-API-KEY%" /> <script src="https://cdn.shopify.com/shopifycloud/app-bridge.js"></script> <script src="https://cdn.shopify.com/shopifycloud/polaris.js"></script> </head>

适用于 UI 扩展

将您的扩展 .toml 文件更新为使用版本 2025-10,以在所有扩展界面中访问稳定且统一的组件库。

api_version = "2025-10"

增强的组件库

我们大幅扩展了应用主页组件库,增加了大量高需求功能:

  • 弹出框:适用于上下文信息和操作
  • 工具提示:通过有用的提示和指导增强用户体验
  • 菜单:创建直观的导航体验
  • 全面重构的模态框:我们移除了额外的 iframe,使模态框的实现更简单且性能更高

借助 AI 加速开发

如今使用 Polaris 进行开发比以往更加直观,尤其适合 AI 辅助的开发工作流。我们在文档网站和Shopify.dev MCP Server中都添加了大量模式,从而让您更轻松地完成以下操作:

  • 通过全面的示例学习 Polaris

  • 使用您偏好的 AI 工具生成代码(Cursor、GitHub Copilot、Claude Code)

  • 从一开始就实施最佳实践

始终更新,持续演进

Polaris 最强大的方面或许在于其不断演进的性质。一旦采用 Polaris,您的应用将自动继承 Shopify 设计系统的更新。组件直接从 Shopify CDN 加载,确保用户界面始终符合最新的设计标准和功能——无需您进行任何代码更改。

Shopify 开发的未来从现在开始

Polaris 不仅仅是一个组件库——它是一种全新的范式,用于在整个 Shopify 生态系统中构建一致且高性能的体验。无论您是构建第一个应用还是扩展现有解决方案,Polaris 都为创建具有 Shopify 原生感且保持创新灵活性的界面提供了基础。

准备开始了吗?请查看我们的最新文档并立即动手构建。

【声明】内容源于网络
0
0
Shopify电商独立站
1234
内容 7146
粉丝 0
Shopify电商独立站 1234
总阅读87.4k
粉丝0
内容7.1k