调查股票交易应用程序。

如今，股票交易是一个嗡嗡声。股票交易是指买卖特定公司的股票，如果您拥有股票，则您拥有该公司的一部分。

用户在购买股票时可能会遇到很多问题。招募他们，选择正确的平台，准确的实时信息，交易知识较少，没有适当的交易和投资策略，跟踪购买的股票和列表继续。

出于对交易的渴望并为了避免此类问题，我在 DhiWise 使用 REST API 柠檬市场 和 特维利奥 .

首先，构建这个用例必须需要的四件事如下：

1. Figma 设计： 我已经使用下面的 Figma 来构建这个用例

2. 蜜蜂： 我使用了以下 API 柠檬市场 和 特维利奥 .

在下面找到 API 文档链接：

• 柠檬市场： https://docs.lemon.markets/
• 暮光之城： https://www.twilio.com/docs/sms

3. 运行这些 API 所需的一件事是 访问令牌。 要获得访问令牌，用户必须在两个平台上注册自己，然后登录后同一用户可以获得访问令牌。

这些平台的访问令牌在仪表板上提供，因此很容易获得。

• 大号 emon.markets： https://dashboard.lemon.markets/
• 暮光之城： https://console.twilio.com/

4. 第四点也是最重要的是 DhiWise 帐户

使用 DhiWise 开发它的步骤：

1. 首先，我从社区中获取了 Figma，并根据需要进行了一些更改。
2. 然后我将我的 Figma 输入到 DhiWise 中，在那里 DhiWise 检测到所有带有来自 Figma 的组件和原型的屏幕。此功能节省了我开发前端和创建 UI 部分的全部时间。
3. 之后，我更改了一些组件，添加了一个图表，并集成了一个模态。
4. 在下一步中，我已经在 API 管理器中输入了我想要使用的所有 API。
5. 然后，我将所有 API 与 UI 组件集成在一起。
6. 我单击构建按钮来构建并生成我的应用程序的代码。

与 DhiWise 的 API 集成：

1. 当 Figma 被导入 DhiWise 时，它​​将检测所有选定的屏幕及其组件和原型，并在 Dashboard 上显示所有屏幕。

Dashboard

2. 现在要在 DhiWise 中导入 API，选择屏幕左侧边栏上的 API 管理器。然后单击添加新 API，它提供了添加邮递员集合或手动添加 API 的选项。

API manager to add APIs in DhiWise

3. 我已经集成了以下 Lemon.markets 和 Twilio 的 API

• 获取股票数据⇒ https://data.lemon.markets/v1/instruments/
• 获取特定股票的交易数据⇒ https://data.lemon.markets/v1/trades/
• 购买股票 — POST API ⇒ https://paper-trading.lemon.markets/v1/orders/
• 获取所有购买股票的数据 — GET API ⇒ https://paper-trading.lemon.markets/v1/orders
• 获取账户详情⇒ https://paper-trading.lemon.markets/v1/account/
• 将订单短信发送给用户⇒ https://api.twilio.com/2010-04-01/Accounts/Account SID/消息

4. 更改 UI 组件
   用户可以通过选择屏幕然后将其更改为所需的组件来更改组件。
   我用图表组件更改了一个组件。

Chart conversion

5. 将 API 与 UI 组件集成
   我们将看到一个 API 的 API 集成，其余的都是相同的。我在两个生命周期以及按钮单击方法上都集成了 API。

• 要在生命周期方法上集成 API，请从屏幕中选择生命周期操作。然后选择API，然后根据API添加header、parameter和body。

API integration

• 添加 API 详细信息后，第二步是处理响应。在这一步中，DhiWise 允许用户将响应与 UI 组件绑定。这将为您节省大量时间，因为您不必编写所有代码。

Handle response

• 然后在最后一步中，您还可以在 API 成功或错误方法上添加操作。例如，您可以添加导航和通知 toast，也可以在此方法上绑定另一个 API。

Handle action

• 以上都是 GET API 的内容，但是 邮政 API对吗？
  对于 Post API，您必须将正文添加到 API 请求中。 DhiWise 允许您通过将请求主体与视图、手动输入、常量、API 响应、导航参数绑定或从本地存储中获取来添加请求主体。

Binding body request with view component

6. 完成所有更改并集成所有 API 后，我构建了我的应用程序并通过单击构建应用程序按钮生成了代码。

现在您可能认为 DhiWise 可以将代码推送到 GitHub。我也想过，然后我发现了这个功能 与 GitHub 同步

• 使用与 Github 同步的功能，您可以将代码推送到 GitHub，并且每次推送新代码时都会创建一个新分支，因此您不会遇到冲突。

7. 此外，DhiWise 还提供了在 Vercel 上部署的功能。因此，用户可以部署并查看他构建的输出。

• 我已使用 Deploy on Vercel 功能在 Vercel 上部署我的项目。

代码质量和开发人员体验。

1. 帮助任何开发人员理解项目结构的第一件事是 README 文件。 DhiWise 生成的 README 文件包含与项目相关的所有详细信息以及适当的说明。

⇒ 每一个微小的细节都得到了正确的指示，比如使用了哪些包、包版本、下载代码后要执行的步骤等等。

⇒ 文件和文件夹结构通过特定文件和文件夹具有特定内容的注释正确指示。

Folder Structure in README file

2. 代码结构简单易懂。使用 DhiWise 生成的代码是通过保持最佳实践来制作的。

3.每个文件都存储在其特定的文件夹中，因此有助于跟踪文件。

4. 创建网站的 UI 可能需要数天时间，但使用 DhiWise 会有很大的不同，开发人员只需将 Figma 输入 DhiWise 并在几分钟内生成整个 UI 代码。

5. DhiWise 使用 TailwindCSS 生成所有设计代码，使代码易于阅读和编辑或缩放。

6. API 集成使用 DhiWise 更快。它使用 AXIOS 包进行 API 调用，并将 API 调用的所有功能分离到一个文件中。因此，进行任何更改都会有所帮助。

而已。这就是我制作股票交易申请的方式。

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/15602/20550510