dApp开发：前端、钱包与数据，一次交付

dApp开发涵盖哪些内容

快速测试： 列出用户必须完成的3个动作。如果需要超过3个屏幕，请先简化流程。

dApp开发将可用界面与区块链功能以及产品需要展示的数据连接起来。工作可包括Web前端、钱包连接、合约交互和索引层；具体边界取决于已构建的内容以及用户需要能够执行的操作。

从用户动作出发，而非技术列表。例如，明确访客是否需要连接钱包、查看链上持仓、提交交易或查看活动。这为团队在实施前定义屏幕、错误状态和数据需求提供了基础。

一份有用的初步方案说明应回答：

• 哪些用户群体会使用该应用，每个群体应能做什么？
• 计划使用哪条或哪些链，合约是否已就绪？
• 界面中必须显示哪些信息，这些信息需要多新？
• 哪些功能需要在移动浏览器和桌面端都能正常工作？

如果产品还需要合约逻辑，请将应用方案与智能合约开发协调。如需更广泛的技术路线图，请参阅Web3开发。我们将您的回答转化为功能边界、依赖关系和验收标准，而不是将“构建一个dApp”视为完整的规格说明。

界面、钱包和数据如何连接？

前端展示产品操作，钱包连接让用户能与支持的链交互，索引使选定的区块链数据更易于应用检索和显示。这些部分应作为一个用户旅程来设计，因为清晰的界面无法弥补混乱的连接或数据状态。

对于前端，确定关键屏幕以及每个屏幕可能显示的状态：未连接、已连接、加载中、已完成或需要注意。对于钱包连接，记录计划中的链和操作，然后决定在要求用户批准请求之前，界面应解释什么。对于索引，列出产品需要的记录、它们与产品功能的关系，以及界面应如何处理延迟或不可用的数据。

一份实用的需求清单是：

• 将每个主要操作映射到其屏幕和结果状态。
• 明确用户切换账户或网络时看到的内容。
• 确定产品需要的数据字段、历史记录和筛选条件。
• 商定如何解释错误和不完整信息。

如果产品需要的是钱包而非连接现有钱包，我们也可以规划独立的加密钱包开发方案。当需求是营销网站而非交互式应用时，Web3网站和落地页开发服务更为合适。

dApp交付包含什么

一份有用的dApp交付为您的团队提供可运行的实现以及足够的上下文来审查、操作和扩展它。在开始工作之前，我们商定哪些交付内容适用于您的方案以及每项内容将如何检查；这避免了将仓库或演示视为完成的全部定义。

根据需求，交付内容可涵盖前端实现、钱包连接流程、数据检索和索引工作、商定旅程的测试覆盖、设置说明和演示。如果您的项目已有代码库，提供访问权限和对其当前架构的简要说明有助于我们区分新工作与集成或修复工作。

为获得清晰的验收清单，请商定：

• 在商定环境中必须正常工作的用户旅程。
• 包含哪些链、钱包场景和数据视图。
• 什么算作完成的测试，以及谁审查结果。
• 交付哪些配置、操作说明和源文件。

我们将验收标准与可见行为挂钩：审查者可以遵循商定的流程，看到预期的界面状态，并检查应用如何响应错误。如果构建包含独立的移动应用，请在将移动浏览器支持和原生应用视为同一交付项之前，将其方案与Web3产品移动应用开发对齐。

您的6点dApp需求清单

在开发开始前收集这6项。有了它们，构建者可以准确报价，您的团队可以对照明确的标准审查每个里程碑。将勾选的清单与您的记录一起保存，因为这是日后解释商定内容的最快方式。

• 列出合约地址并分享ABI。
• 描述3个关键用户动作。
• 指定要支持的链和钱包。
• 决定界面需要显示哪些数据。
• 分享品牌资产和设计说明。
• 商定交付项：代码、说明和测试步骤。

术语速览

ABI（通俗地说：前端调用合约所需的功能描述）。

索引是指将链上数据收集成应用可以快速读取的形式。

从需求到交付

经验法则： 在每个屏幕上显示钱包和网络状态，这样用户永远不会猜测自己在哪里。

一旦用户、核心旅程、链要求和依赖关系足够清晰以做出决策，dApp便进入实施阶段。在MarketingExtra，初始的结构化审查会根据您要求的前端、钱包和索引工作检查需求，然后我们与您的团队确认方案和审查点。

工作流程是务实的：明确产品流程；确认可用的合约、链细节和数据源；定义界面状态和验收检查；实施商定的组件；然后审查结果并交付商定的材料。如果合约或外部服务仍在变化，我们会尽早标记该依赖关系，以便团队决定是先完成它，还是将相关的应用工作分开处理。

为使启动高效，请准备：

• 简洁的产品描述和主要用户动作。
• 现有的设计、仓库、合约细节和测试访问权限（如有）。
• 链和钱包要求，以及界面需要的数据。
• 能够解决产品决策并审查工作流程的联系人。

时间线取决于确认的方案、集成和反馈节奏，因此我们在审查这些依赖关系后规划时间线，而不是提供通用的工期。您将收到商定的方案、审查检查点和符合交付标准的交付物。

哪些行为依赖于钱包和网络

即使界面按商定实施，某些应用行为也超出了开发团队的控制范围。钱包提供商可能会更改其提示或支持的行为，链的交易确认或索引服务的数据可用性可能影响用户看到的内容；这些条件无法由前端构建保证。我们设计清晰的状态并测试商定的流程，但第三方行为仍然是一个依赖项。

通过记录计划中的钱包和网络、安排测试环境的访问权限以及商定应用在连接或数据请求失败时应如何响应，可以减少可避免的意外。如果您的产品依赖于特定的索引记录，请确认这些记录的来源以及团队在审查期间如何验证它们。

在验收期间，检查实际用户体验，而不仅仅是界面是否加载：

• 审查者能否在继续之前理解所请求的钱包操作？
• 当用户拒绝或断开连接时，产品是否给出有用的响应？
• 加载、数据缺失和错误状态是否清晰且可理解？
• 团队能否验证显示的信息与商定的来源一致？

这些检查使依赖关系可见，并为您的团队提供具体依据来决定哪些内容可以交付。它们还有助于将应用问题与上游钱包、网络或数据服务问题区分开来，而不承诺任何开发者都无法控制的行为。

发送3项内容：您的合约地址和ABI、您的用户流程以及要支持的链和钱包。

如何操作

1. 分享产品需求发送产品用例、关键用户动作以及任何现有的设计或代码。包括您已知的链、钱包和数据要求。
2. 审查方案和依赖关系我们检查前端、钱包和索引需求，识别仍需做出的决策或仍需获取的访问权限，并确认交付内容。
3. 商定验收检查我们定义您的团队将用于审查实现的用户旅程、环境和可见行为。
4. 构建和审查团队实施商定的方案并分享以供对照验收检查进行审查，同时记录决策和反馈。
5. 交付我们提供商定的文件、设置信息和演示，以便您的团队可以推进下一个产品步骤。