跳转到内容

用手机构建

要点MonstarX 可以在手机浏览器中使用。在项目页面描述应用,点按“开始构建”,然后就可以放下手机:构建在 MonstarX 上运行,不需要标签页开着。开启通知后,构建完成、有问题要问你或已停止时都会提醒你。在手机上,项目一次显示一个视图(聊天、预览、代码……),其他功能都在“更多”(•••)里。在 iPhone 上,需要把 MonstarX 添加到主屏幕才能收到通知。

在地铁上冒出一个想法?当场就能把它做出来。MonstarX 可以在手机浏览器中使用,界面专为单手操作设计。描述你的应用,点按 开始构建,然后把手机放回口袋:构建在 MonstarX 上运行,而不是在你的手机上,完成时会有通知提醒你。

不需要安装任何东西。在 iPhone 上,你可以把 MonstarX 添加到主屏幕,打开后像 App 一样全屏显示。

  1. 在手机浏览器中打开 monstarx.com 并登录,你会进入 项目 页面。

  2. 点按输入框,描述你的应用。在手机上,Enter 键是换行(手机键盘没有 Shift 键),所以准备好后请点按 开始构建。

  3. 点按 开始构建。项目会在 聊天 视图中打开,构建已经在运行了。

  4. 关闭标签页、切换到其他 App 或锁屏都可以,构建会继续进行。

在手机上:请求发出后,MonstarX 开始规划,卡片提示你可以关闭页面。

构建时真的可以关闭标签页吗?

Section titled “构建时真的可以关闭标签页吗?”

可以。每个请求都在 MonstarX 的服务器上运行,而不是在你的浏览器里,包括第一个请求:你点按 开始构建 的那一刻它就开始了。MonstarX 工作时,输入框上方会有一张卡片写着 你可以关闭此页面,MonstarX 会继续处理。 并提供 通知我 按钮。

你回来时,项目会显示目前的进展:构建还在进行,或者应用已经完成。你排进队列的请求会一个接一个自动开始,即使标签页已经关闭。

点按那张卡片上的 通知我,并在浏览器询问时允许通知。从此以后,你任何一个项目的请求结束时,这台设备都会收到通知。你也可以在 设置 → 通知 中开启通知、发送测试通知和移除设备。请参阅 通知。

什么时候会通知你点按通知后打开
构建完成:比如“Yoga Studio Booking 已就绪”,并说明构建了什么应用的预览
MonstarX 有问题要问你:规划模式需要你回答问题后才能开始构建聊天
构建停止:构建失败了,或者用完了单个请求允许的全部步骤,正等你点击 继续聊天
问题已回复:在聊天模式中提的问题有了回答聊天
预览收到评论:有人评论了你分享的项目的预览预览,并打开评论

怎样在 iPhone 或 iPad 上收到通知?

Section titled “怎样在 iPhone 或 iPad 上收到通知?”

在 iPhone 和 iPad 上,网站必须先添加到主屏幕才能发送通知(需要 iOS 16.4 或更高版本)。只需点按两下:

  1. 在 Safari 中打开 monstarx.com 并登录。

  2. 点按 Safari 工具栏中的 共享 按钮,然后依次点按 添加到主屏幕 和 添加。

  3. 从主屏幕上的新图标打开 MonstarX。它会像 App 一样全屏打开,并保持登录状态。

  4. 进入 设置 → 通知(或在构建时点按 通知我),开启通知。

在比笔记本电脑窄的屏幕上,包括横竖屏的手机和竖着拿的平板,工作区会 一次显示一个视图,而不是把聊天和预览并排显示。

从上往下依次是:

  • 顶部栏:☰ 打开你的项目列表;项目名称(点按即可重命名),名称下方显示 MonstarX 此刻在做什么,比如 构建中…、规划中…、回复中…、等待你的回答、队列已停止,否则显示预览的状态:预览已就绪、正在启动预览…、预览已休眠。然后是紫色 X 图标(问问 Luna)、发布,以及代表 更多 的 •••。
  • 视图:聊天、预览、管理、代码、后端、日志、安全、SEO/GEO 和 社交。左右滑动这一排就能看到全部。MonstarX 工作时,如果你在其他视图,聊天 上会显示一个闪烁的圆点。
  • 视图本身,占满屏幕的其余部分。

如果聊天里有正在进行的事,比如构建正在运行或有问题等你回答,项目会在 聊天 视图中打开,否则在 预览 中打开。构建完成后,点按 在预览中查看 就能跳过去。

点按 •••,就能看到电脑上位于顶部栏的所有功能。面板从底部滑出;向下滑动或点按面板外部即可关闭。

项目打开的内容
查看导览引导你了解在这个项目中可以做什么。
版本所有保存的版本,可以恢复其中任何一个。
自动 QA在真实浏览器中测试应用。
GitHub把代码保存到仓库。
分享邀请别人查看和评论。
项目设置名称、模型、地址、成员和导出。
通知构建完成时收到通知。
所有项目返回项目页面。
报告问题向 MonstarX 团队反馈问题。

每一项打开的都是和电脑上完全相同的面板,所以在手机上什么都能做。

你的手机本身就是手机尺寸的屏幕,所以没有设备宽度切换。为了给页面留出空间,工具栏只保留状态圆点和地址栏,其他功能都在右侧的菜单按钮(☰)里:编辑、截取、评论、重新加载、重启开发服务器、复制预览链接 和 在新标签页中打开。在编辑模式中,用两根手指滚动页面,一根手指是用来圈画的。应用还在构建时,预览的卡片上会提供 在聊天中查看进度。

  • 写到一半的消息会保留:切换视图、把平板横过来或重新加载页面时都不会丢失。
  • 菜单变成从底部升起的面板,行距更大,方便手指点按。
  • 电脑上悬停时才出现的按钮,比如移动或删除排队中的请求、构建或重新打开某个功能,在触摸屏上会一直显示。
  • 输入框使用更大的字号,这样点按时手机不会自动放大页面。
App Store 或 Google Play 上有 MonstarX App 吗?

暂时还没有。MonstarX 在手机浏览器中运行。在 iPhone 上,从 Safari 把它添加到主屏幕,就能像 App 一样全屏打开。

为什么我的 iPhone 收不到通知?

在 iPhone 和 iPad 上,只有把 MonstarX 添加到主屏幕并从那里打开后,通知才能正常工作(需要 iOS 16.4 或更高版本)。在 Safari 中通过 共享 → 添加到主屏幕 添加,从图标打开,然后在 设置 → 通知 中开启通知。

手机锁屏后构建会停止吗?

不会。构建在 MonstarX 的服务器上运行。锁屏、关闭标签页或信号中断都不会让它停下来。

可以用平板吗?

可以。竖着拿时,平板使用一次显示一个视图的布局;横过来时,大尺寸平板会使用电脑布局,聊天和预览并排显示。旋转屏幕时,你写到一半的消息会保留。

可以用手机发布吗?

可以。在手机上,发布 就在项目的顶部栏中,功能和电脑上完全一样。