---
title: 构建你的第一个商店
description: 遵循从商店想法到已审查的店面和发布检查的最短路径。
---

**本指南内容：** 你将创建一个商店，给 Runner 一个有用的请求，审查预览，并了解何时准备好发布。

使用本指南完成你的第一个完整 Runner 工作流程。它故意将预览、发布和结账分开，以便你可以验证每个结果。

**进入路径：** 工作区**主页** → **+ 商店**。

## 开始前

- 登录并打开商店应该存在的工作区。
- 决定是使用 Runner 的原生商店还是连接 Shopify。
- 准备一个简短的描述，说明你销售什么、它是为谁准备的，以及你想要的风格。

## 主要控件和结果

| 控件 | 选择后会发生什么 |
| --- | --- |
| **+ 商店** | 为当前工作区打开**创建商店**。 |
| **构建新的** | 在完成所需详细信息后启动原生 Runner 商店设置。 |
| **连接 Shopify** | 启动 Shopify 连接路径；它不创建原生商店。 |
| **发送** | 启动当前 Runner 请求。 |
| **店面** | 打开当前预览和店面工具；它不使商店公开。 |
| **发布** | 在所需的就绪检查后打开或启动发布工作流程。 |

## 构建第一个商店

<Steps>
  <Step>在工作区中选择**+ 商店**。</Step>
  <Step>选择**构建新的**或**连接 Shopify**，输入所需的详细信息，然后继续。</Step>
  <Step>在项目对话中，描述业务、受众、视觉方向和所需的页面。</Step>
  <Step>回答 Runner 显示的任何后续问题。</Step>
  <Step>观察工作状态，当你需要逐步活动视图时打开**详细信息**。</Step>
  <Step>预览可用后打开**店面**。</Step>
  <Step>检查主页、产品路径、文本、图像和桌面/移动预览。</Step>
  <Step>在聊天中要求有针对性的更改，或使用**设计模式**进行可见的选择。</Step>
  <Step>添加至少一个可销售的产品，并完成 Runner 请求的商店、库存位置和运输详细信息。</Step>
  <Step>选择**发布**并解决屏幕上显示的每个就绪项目。</Step>
</Steps>

<Frame>

![店面预览](https://ixft9x6szo.ufs.sh/f/Cc8uxBgAYTzgymaWrcB38OLrMsdNW2nkuew17FYjt6iTyfxz)

</Frame>

## 检查点

| 检查点 | 证明它的是什么 | 它不证明什么 |
| --- | --- | --- |
| 项目已创建 | 商店出现在工作区中，其对话打开。 | 尚未构建店面。 |
| 任务已完成 | Runner 标记任务已完成并解释结果。 | 店面可能仍在准备中。 |
| 预览就绪 | **店面**显示生成的网站。 | 网站不一定是公开的。 |
| 已发布 | Runner 提供实时店面结果或 URL。 | 结账可能仍需要支付连接。 |
| 结账就绪 | 支付状态显示已连接、可用的提供商。 | 未发布的未来店面更改不会生效。 |

## 常见问题

<Accordion>
  <AccordionItem title="等待输入">
    在期望更多工作之前回答显示的问题或表单。
  </AccordionItem>
  <AccordionItem title="失败或停止的任务">
    阅读结果，然后发送一个更小的、更正的请求，而不是重复一个未改变的请求。
  </AccordionItem>
  <AccordionItem title="准备预览">
    等待当前构建，然后在 Runner 提供时刷新预览。
  </AccordionItem>
  <AccordionItem title="发布被阻止">
    根据显示的项目使用**打开商店操作**、**使用 AI 修复**或**重试检查**。
  </AccordionItem>
  <AccordionItem title="商店已上线但结账不可用">
    完成发布交接中显示的支付连接或**应用**。
  </AccordionItem>
</Accordion>

## 相关指南

- [创建 Runner 商店](./create-runner-store.mdx)
- [连接 Shopify](./connect-shopify.mdx)
- [欢迎导览和每日积分](./welcome-tour-and-daily-credits.mdx)
- [与 Runner 聊天](../work-with-runner/chat-with-runner.mdx)
- [跟踪任务状态和详细信息](../work-with-runner/task-states-and-details.mdx)