用手机构建
要点MonstarX 可以在手机浏览器中使用。在项目页面描述应用,点按“开始构建”,然后就可以放下手机:构建在 MonstarX 上运行,不需要标签页开着。开启通知后,构建完成、有问题要问你或已停止时都会提醒你。在手机上,项目一次显示一个视图(聊天、预览、代码……),其他功能都在“更多”(•••)里。在 iPhone 上,需要把 MonstarX 添加到主屏幕才能收到通知。
在地铁上冒出一个想法?当场就能把它做出来。MonstarX 可以在手机浏览器中使用,界面专为单手操作设计。描述你的应用,点按 开始构建,然后把手机放回口袋:构建在 MonstarX 上运行,而不是在你的手机上,完成时会有通知提醒你。
不需要安装任何东西。在 iPhone 上,你可以把 MonstarX 添加到主屏幕,打开后像 App 一样全屏显示。
怎样用手机开始构建?
Section titled “怎样用手机开始构建?”-
在手机浏览器中打开 monstarx.com 并登录,你会进入 项目 页面。
-
点按输入框,描述你的应用。在手机上,Enter 键是换行(手机键盘没有 Shift 键),所以准备好后请点按 开始构建。
-
点按 开始构建。项目会在 聊天 视图中打开,构建已经在运行了。
-
关闭标签页、切换到其他 App 或锁屏都可以,构建会继续进行。
构建时真的可以关闭标签页吗?
Section titled “构建时真的可以关闭标签页吗?”可以。每个请求都在 MonstarX 的服务器上运行,而不是在你的浏览器里,包括第一个请求:你点按 开始构建 的那一刻它就开始了。MonstarX 工作时,输入框上方会有一张卡片写着 你可以关闭此页面,MonstarX 会继续处理。 并提供 通知我 按钮。
你回来时,项目会显示目前的进展:构建还在进行,或者应用已经完成。你排进队列的请求会一个接一个自动开始,即使标签页已经关闭。
怎样在完成时收到通知?
Section titled “怎样在完成时收到通知?”点按那张卡片上的 通知我,并在浏览器询问时允许通知。从此以后,你任何一个项目的请求结束时,这台设备都会收到通知。你也可以在 设置 → 通知 中开启通知、发送测试通知和移除设备。请参阅 通知。
| 什么时候会通知你 | 点按通知后打开 |
|---|---|
| 构建完成:比如“Yoga Studio Booking 已就绪”,并说明构建了什么 | 应用的预览 |
| MonstarX 有问题要问你:规划模式需要你回答问题后才能开始构建 | 聊天 |
| 构建停止:构建失败了,或者用完了单个请求允许的全部步骤,正等你点击 继续 | 聊天 |
| 问题已回复:在聊天模式中提的问题有了回答 | 聊天 |
| 预览收到评论:有人评论了你分享的项目的预览 | 预览,并打开评论 |
怎样在 iPhone 或 iPad 上收到通知?
Section titled “怎样在 iPhone 或 iPad 上收到通知?”在 iPhone 和 iPad 上,网站必须先添加到主屏幕才能发送通知(需要 iOS 16.4 或更高版本)。只需点按两下:
-
在 Safari 中打开 monstarx.com 并登录。
-
点按 Safari 工具栏中的 共享 按钮,然后依次点按 添加到主屏幕 和 添加。
-
从主屏幕上的新图标打开 MonstarX。它会像 App 一样全屏打开,并保持登录状态。
-
进入 设置 → 通知(或在构建时点按 通知我),开启通知。
-
在 Chrome 中打开 monstarx.com 并登录。
-
在构建时点按 通知我,或进入 设置 → 通知 并点按 开启,然后允许通知。
-
可选:在 Chrome 菜单中选择 添加到主屏幕(或 安装应用),之后就可以从图标全屏打开 MonstarX。
项目在手机上是什么样子?
Section titled “项目在手机上是什么样子?”在比笔记本电脑窄的屏幕上,包括横竖屏的手机和竖着拿的平板,工作区会 一次显示一个视图,而不是把聊天和预览并排显示。
从上往下依次是:
- 顶部栏:☰ 打开你的项目列表;项目名称(点按即可重命名),名称下方显示 MonstarX 此刻在做什么,比如 构建中…、规划中…、回复中…、等待你的回答、队列已停止,否则显示预览的状态:预览已就绪、正在启动预览…、预览已休眠。然后是紫色 X 图标(问问 Luna)、发布,以及代表 更多 的 •••。
- 视图:聊天、预览、管理、代码、后端、日志、安全、SEO/GEO 和 社交。左右滑动这一排就能看到全部。MonstarX 工作时,如果你在其他视图,聊天 上会显示一个闪烁的圆点。
- 视图本身,占满屏幕的其余部分。
如果聊天里有正在进行的事,比如构建正在运行或有问题等你回答,项目会在 聊天 视图中打开,否则在 预览 中打开。构建完成后,点按 在预览中查看 就能跳过去。
“更多”面板里有什么?
Section titled ““更多”面板里有什么?”点按 •••,就能看到电脑上位于顶部栏的所有功能。面板从底部滑出;向下滑动或点按面板外部即可关闭。
| 项目 | 打开的内容 |
|---|---|
| 查看导览 | 引导你了解在这个项目中可以做什么。 |
| 版本 | 所有保存的版本,可以恢复其中任何一个。 |
| 自动 QA | 在真实浏览器中测试应用。 |
| GitHub | 把代码保存到仓库。 |
| 分享 | 邀请别人查看和评论。 |
| 项目设置 | 名称、模型、地址、成员和导出。 |
| 通知 | 构建完成时收到通知。 |
| 所有项目 | 返回项目页面。 |
| 报告问题 | 向 MonstarX 团队反馈问题。 |
每一项打开的都是和电脑上完全相同的面板,所以在手机上什么都能做。
手机上的预览有什么不同?
Section titled “手机上的预览有什么不同?”你的手机本身就是手机尺寸的屏幕,所以没有设备宽度切换。为了给页面留出空间,工具栏只保留状态圆点和地址栏,其他功能都在右侧的菜单按钮(☰)里:编辑、截取、评论、重新加载、重启开发服务器、复制预览链接 和 在新标签页中打开。在编辑模式中,用两根手指滚动页面,一根手指是用来圈画的。应用还在构建时,预览的卡片上会提供 在聊天中查看进度。
还有其他不同吗?
Section titled “还有其他不同吗?”- 写到一半的消息会保留:切换视图、把平板横过来或重新加载页面时都不会丢失。
- 菜单变成从底部升起的面板,行距更大,方便手指点按。
- 电脑上悬停时才出现的按钮,比如移动或删除排队中的请求、构建或重新打开某个功能,在触摸屏上会一直显示。
- 输入框使用更大的字号,这样点按时手机不会自动放大页面。
App Store 或 Google Play 上有 MonstarX App 吗?
暂时还没有。MonstarX 在手机浏览器中运行。在 iPhone 上,从 Safari 把它添加到主屏幕,就能像 App 一样全屏打开。
为什么我的 iPhone 收不到通知?
在 iPhone 和 iPad 上,只有把 MonstarX 添加到主屏幕并从那里打开后,通知才能正常工作(需要 iOS 16.4 或更高版本)。在 Safari 中通过 共享 → 添加到主屏幕 添加,从图标打开,然后在 设置 → 通知 中开启通知。
手机锁屏后构建会停止吗?
不会。构建在 MonstarX 的服务器上运行。锁屏、关闭标签页或信号中断都不会让它停下来。
可以用平板吗?
可以。竖着拿时,平板使用一次显示一个视图的布局;横过来时,大尺寸平板会使用电脑布局,聊天和预览并排显示。旋转屏幕时,你写到一半的消息会保留。
可以用手机发布吗?
可以。在手机上,发布 就在项目的顶部栏中,功能和电脑上完全一样。