如何使用Hostinger Horizons创建Web应用程序

Hostinger Horizons是由美国主机商Hostinger推出的一种人工智能驱动的工具，可让您无需编写任何代码即可创建Web应用程序。无论您是需要用于个性化锻炼计划的健身应用程序，还是需要用于非营利组织的志愿者管理工具，只需输入您的提示，Hostinger Horizons将处理其余的工作。本文就来详细地为大家介绍一下借助Hostinger Horizons创建一个健身Web应用程序教程，仅供参考。

一、注册并开始一个新项目

1、进入Hostinger官网，注册并完成登录。

2、点击“Horizons”，进入以下购买页面，选择一款合适的套餐，完成购买。

Hostinger Horizons是一款无代码Web应用构建器，让所有人都能轻松创建Web应用。提供丰富的套餐方案可选，包括EXPLORER、STARTER、HOBBYIST、HUSTLER，所有的方案都提供相同的Web应用程序构建功能和一个月的免费托管，区别在于每月消息限制，最高可达500条消息。

折扣获取页面：Hostinger优惠码（购买时长越长，折扣优惠越大）

《点击进入官网选购》

需要注意的是，Hostinger Horizons目前处于早期访问阶段，因此用户在使用过程中可能会偶尔遇到错误。但Hostinger官网提供30天无理由退款保证，如果用户改变主意，可以随时取消。

3、完成付款后，前往hPanel仪表板并选择“网站”>网站左侧边栏中的列表。然后，单击“添加网站”并选择Hostinger Horizons。

Hostinger除了提供Horizons外，还有WordPress主机、共享虚拟主机、云主机、VPS主机等多种产品服务供用户选择。

二、导航工具的界面

现在就可以使用Hostinger Horizons了。用户可以看到一个文本框，可以在其中用80多种语言输入提示。

在描述用户的Web应用后，按Enter键。

Hostinger Horizons将花费几分钟来处理用户的提示。一旦准备就绪，仪表板将分为两个面板：

左窗口：在此处输入额外的提示以添加更多功能或优化您的网络应用。在提示字段下方，用户可以找到计划中剩余的消息信用额度。
右窗口：显示用户调整应用时的实时预览，可以与元素交互以测试其功能。

在仪表板的右上角，用户可以找到发布按钮，用于启动用户的Web应用并使其公开访问。

三、定义Hostinger Horizons Web应用用途

Hostinger Horizons依赖于结构良好的提示来生成用户所设想的Web应用。因此，提示越精确，结果越好。

在定义提供的Web应用目的时，请包括以下关键细节，以便Hostinger Horizons理解用户的想法：

应用目的：明确说明用户的Web应用解决的问题，例如，“帮助用户跟踪健身进度。”
核心功能：列出您想要包含的基本功能，例如用户登录、表单、仪表板或报告。
UI偏好设置：具体说明设计元素，如布局、配色方案和整体美学。

以下是一个健身平台的提示示例，该平台生成个性化的锻炼和饮食计划：

Create a fitness platform that provides personalized workout and diet plans based on user data. The app should let users enter their age, height, weight, activity level, and health conditions. Based on this data, it should generate tailored fitness routines and meal recommendations. Include a user-friendly dashboard with input forms, a progress tracker, and a visually appealing interface with a clean, modern layout and a teal-and-violet color scheme.

与任何其他AI工具一样，无论用户的初始提示多么详细，Hostinger Horizons的第一个输出都可能并不完美。用户可以通过输入后续提示来构建应用程序的第一次迭代。

四、自定义用户项目设计

接下来是自定义应用程序的设计。除了使用户的应用程序更具视觉吸引力外，此过程还涉及为导航和功能添加重要元素。

以下是应用程序中要包含的一些重要前端组件：

菜单：包含通往不同页面快捷方式的侧边栏、标签或下拉菜单区域。
表单：用户输入数据的字段，例如电子邮件地址或图片。
页面：包含不同设置和信息的全屏窗口。
按钮：执行特定操作（如提交数据或导航到另一页面）的元素。

如果用户有详细说明应用程序布局和元素放置的线框，就可以将其作为提示上传到Hostinger Horizons，这将产生更准确的输出。

否则，请使用基于文本的提示符，如下例所示：

Create a login page where users can access their account. Here, include a button that redirects users to the sign-up page where they can create a new account if they don’t have one.

请记住添加有关应用程序设计的更多详细信息，例如颜色、文本大小和字体样式。如需灵感和指导，请查看我们的网页设计技巧教程。

五、细化逻辑和结构

在这个阶段，需要改进的领域通常与您的应用程序的逻辑和功能相关。其中一些最常见的是：

业务逻辑：用户应用程序的底层规则。例如，您的健身应用应根据您输入的健康数据提供不同的建议。
决策树：用户应用程序基于用户决策的流程。例如，如果用户选择某个菜单，应该弹出预定的页面。
事件处理：对用户操作的反应，例如点击、滑动和按键。例如，一个切换按钮在被点击时应该切换。
数据流：处理用户数据，当通过表单传递、验证或上传时。例如，用户密码必须是一串与数据库条目匹配的文本。

在编写Hostinger Horizons的提示时，请确保用户清楚地描述想要改进的逻辑或功能，为AI提供更多上下文有助于它生成更准确的结果。

下面是优化数据流的提示示例：

Check the email address and password fields on the sign-in page. Make sure they only accept strings of texts that correspond to existing database entries. If the inputted data doesn’t match any database entry, return an error message saying, “Invalid email or password.” If the given information is valid, redirect the user to the main dashboard.

然后，通过在预览版中测试它们来检查Hostinger Horizons是否正确配置了应用程序的逻辑和功能，这也将帮助用户确定是否缺少任何功能。

六、测试并发布Web应用程序

此时，用户的应用程序应已完全开发并正常运行。在完成之前，请检查所有功能和导航以确保它们正常工作。

在Hostinger Horizons中，用户可以直接从右侧窗格的预览菜单检查应用程序并与之交互。

以下是在Web应用程序测试期间应检查的内容的清单：

功能性：所有功能应在实时环境中正常工作。这包括执行CRUD数据库操作和业务逻辑的能力。
导航：用户的应用流程和导航元素的功能。例如，如果用户点击“登录”，则应重定向到主仪表板。
可见性：用户的Web应用在移动设备和桌面上的外观，请确保所有元素都适当缩放且可使用。

现在，用户就可以发布自己的项目。由于Hostinger Horizons附带我们的商务Web托管计划，只需点击右上角的“发布”按钮即可立即将Web应用发布到公共领域。

Hostinger Horizons将使用临时域名发布用户的项目，用户也可以自行在域名注册商处进行购买。在连接自己的域名之前，用户还可以完成更多额外的测试。

首先验证跨浏览器兼容性。为此，在不同的网页浏览器和设备上访问用户的应用程序，看看是否出现任何问题。然后，使用像GTMetrix这样的基准工具检查其性能和加载速度。如果结果不佳，请要求Hostinger Horizons优化代码。如果一切看起来都很正常，请返回hPanel中的网站菜单，将用户的域名连接到网络应用程序。

由此，Hostinger Horizons创建Web应用程序全部操作已经完成。

《Hostinger Horizons已在全球推出无需任何编码即可构建、编辑和启动Web应用程序》

(本文由美国主机侦探原创，转载请注明出处“美国主机侦探”和原文地址！)