Manus で Web サイトを公開する方法: プレビュー、ライブ配信、結果の確認1 min read

Manus を使用して Web サイトを公開するには、Web サイト ビルダーで Web サイトを構築し、プレビューを確認して、[公開] をクリックし、結果として得られるライブ サイトをエディターの外でテストします。 Manus は、対象となるプロジェクトのカスタム ドメイン サポートを備えた、Manus によって管理されるネイティブのホスティング ルートを文書化します。タスクの会話や内部プレビューは公開 Web サイトではありません。起動アドレスを約束する前に、Manus ホスティングが必要か、それとも独立して管理される展開が必要かを決定してください。

最初のバージョンでは狭いブリーフを使用してください。クラス、インストラクター、確認済みの予約リンクを含む陶芸スタジオのページを一度に確認できます。支払いと顧客データを備えた会員システムには、説得力のあるデザイン以上のものが必要です。 Manus のビルドを依頼する前に、承認されたコンテンツ、アセット、および宛先を準備しておいてください。

Manus および AgentGrid.io で Web サイトを公開する方法

1. Manus と一緒に AgentGrid 宛先を準備します。

Manus は Web サイトを構築してホストできますが、そのタスク、プレビュー、チェックポイント履歴、および公開 manus.space URLはManusに属します。 AgentGrid 作業コピーを作成するには、次の場所にサインインします。 app.agentgrid.io、所有するチームを選択し、目的のコラボレーターがアクセスできるワークスペースを選択します。サイトに内部資料が含まれる場合は、制限されたワークスペースを使用します。 AgentGridさん クイックスタート チームとワークスペースの分割について説明します。比較のために Manus タスクを保存しておきます。 Manusさん ウェブアプリページ では、ライブ AgentGrid 統合ではなく、コードのエクスポートとネイティブ Web サイトのホスティングについて説明します。

2. 引き継ぎを行う人またはエージェントのアクセスを手配する

クラウド エージェントまたはスクリプトに事前アクセスが必要な場合は、AgentGrid エージェント管理を通じて招待します。インタラクティブ コーディング エージェントは通常、CLI と自己接続します。認識可能な ID を選択し、必要に応じて読み取りと書き込みを許可し、特に許可された展開用に公開を予約します。 1 回限りの招待状を配信し、引き換えられたことを確認します。未引き換えの招待はアクティブな接続ではありません。の 招待ガイド 同意手順を示します。手動ハンドオフの場合はこれをスキップしてください。人間の共同作業者の場合は、代わりに適切なチームの役割とワークスペースへのアクセスを手配します。 Manus コラボレーターの招待も Manus サイト URL も、それ自体では AgentGrid ワークスペースへのアクセスを許可しません。

3. Manus URL だけでなく、ソース ファイルも移動します

Manus プロジェクトでコードのエクスポートが利用できる場合は、完全な Web アプリのコードベースをエクスポートし、解凍して実際のソース、アセット、構成、およびエントリ ポイントを確認します。 Manus は、ウェブサイトでプロジェクトがサポートされていると述べています 完全なコードのエクスポート。インポートする前に、資格情報と依存関係を削除するか、ディレクトリを構築してください。 AgentGrid で選択します 新規 → フォルダをアップロード または 新規 → ZIP からインポート、選択します アプリ、結果のファイルを検査してプレビューします。の AgentGrid インポートガイド これにより、独自の歴史を持つ新しいアーティファクトが作成されると言います。その後の Manus 編集はそこに流入しません。 Manus アプリがホストされたデータベース、認証、シークレット、または統合に依存している場合は、エクスポートされたフロントエンドがサービス全体を再現すると仮定するのではなく、新しい環境でそれぞれを個別に検証します。エクスポートは利用できないが、ページが公開されており、AgentGrid プランで URL インポートが許可されている場合は、 Web サイトのクローンを作成する フルスタック ソースや同期ではなく、Manus URL から編集可能な HTML にサポートされているコンテンツをキャプチャします。

4. 適切なレビューまたは展開リンクを送信します。

承認されたワークスペース内でレビューするには、AgentGrid アーティファクトを開いて次を使用します。 シェアする プライベート アーティファクト リンクをコピーします。このリンクにより、リンクが公開されたり、部外者にワークスペースへのアクセスが許可されたりすることはありません。パブリッシュ権限があり、AgentGrid でパブリック コピーをホストすることを明示的に希望する場合は、アーティファクトをパブリッシュし、そのパブリック状態を確認して、返された URL を開きます。 AgentGridさん シェアする そして 公開する ガイドでは、境界と、後で編集したものを再公開する必要性について説明します。 Manus パブリケーションは別のアクションです。 ウェブサイトのドキュメント Manus サイトのデプロイされたチェックポイントと可視性を追跡します。両方のリンクにラベルを付けます。公開とプライベートな共有が交差することはありません。

Manus パブリッシングが実際に行うこと

の Manus Web サイト公開ガイド プレビューと展開を区別します。完成した Web アプリで [公開] をクリックすると、Manus が展開インフラストラクチャを処理し、ライブ サイトを提供します。これは、Vercel、Netlify、GitHub Pages、または WordPress への自動展開ではありません。カスタム ドメインは、制御するドメインと Manus が提供する DNS 命令を含む別のセットアップです。訪問者がテストする必要があるのは、タスク共有リンクではなくライブ URL です。

Manus にもドキュメントがあります 編集とプレビュー。生成されたコピーをドラフトとして扱います。発売前に日付、体験談、価格、機能を確認してください。

Manus で Web サイトを公開する方法

1. Manus に完全かつ限定された概要を提供します

対象読者、意図するアクション、セクション、視覚的な方向性、実際の資産、発明してはいけないものを指定します。ボタンが既存のサービスにリンクしているのか、それともデータ ストレージを備えた新しいフォームが必要なのかをビルダーに伝えます。これらは異なる実装ジョブです。

プロンプトの例: 「近所の陶芸スタジオ向けにレスポンシブな Web サイトを構築します。ホームページ、クラススケジュール、講師の略歴、価格設定、[承認された予約 URL] へのリンクを含む集団訴訟の予約を含めます。温かみのある中間色とアクセスしやすいコントラストを使用します。紹介文やクラスの日付をでっち上げないでください。公開する前にプレビューを表示し、不足しているコンテンツをリストします。」

プレースホルダー URL を実際の予約先に置き換えます。空白を埋めるという漠然とした要求ではなく、承認された日付と写真を提供してください。連絡フォームが必要な場合は、フィールド、同意文言、受信者またはデータ ストア、送信内容を確認する方法を指定します。公開ページにプロダクション シークレットを含めたり、プロンプトに不必要な機密情報を含めたりしないでください。

2. 顧客としてプレビューを確認します

最初の見出しから最後のアクションまでサイトを追跡します。ナビゲーションと CTA リンクをクリックし、モバイル メニューをテストし、すべての申し立てを読み、プレースホルダー画像またはテキストを探します。携帯電話の狭いビューポート、見出しの順序、コントラスト、キーボードのフォーカス、意味のある画像の説明を確認してください。フォームが存在する場合は、安全なテスト データを送信し、結果が目的の受信箱またはシステムに表示されることを確認します。フォームの「成功」メッセージ自体は配信の証拠にはなりません。

完全に再構築するのではなく、対象を絞った修正を依頼します。「レイアウトを維持し、スケジュールを承認された日付に置き換え、モバイル ナビゲーションを修正し、予約 URL を変更しないでください。」新しいプレビューを確認し、その重要な詳細を以前のバージョンと比較します。関係者がコンテンツを承認する必要がある場合は、その承認が記録されるまで起動を保留します。

3.Manus ホスティングに公開する

サイトの準備ができたら、Manus のガイドで説明されている発行コントロールを使用します。 Manus はアプリケーションをデプロイし、ライブ サイト アドレスを返します。プロジェクト ワークスペース内だけでなく、プライベート ブラウザ ウィンドウでもそのアドレスを開きます。ライブアドレスを起動メモにコピーし、何が検証されたかを記載します。サイトの更新が必要な場合は、小さな変更をリクエストし、その後の展開後に公開バージョンを確認します。

公開前のプロンプト: 「リンク切れ、モバイル オーバーフロー、アクセシビリティの問題、ページ タイトルと説明の欠落、未完成のプレースホルダーがないかこのページを監査します。何が変更され、何が未解決のままであるかをリストします。私が DNS の変更を承認するまで、カスタム ドメインに接続しないでください。」

自分で結果を確認せずに、Manus にサイトの立ち上げ準備完了の宣言を依頼しないでください。製品の可用性と UI は異なる場合があるため、アカウントとプロジェクトが現在のガイドで説明されている公開コントロールを公開しているかどうかを確認してください。

4. 決定権を所有している場合にのみドメインを接続する

ドメインをお持ちの場合は、Manus がそのプロジェクトに提供する DNS レコードに従います。レジストラの管理者と調整します。意図したホスト名、HTTPS、および apex と両方を確認します。 www 両方を使用する場合は、バージョンを選択してください。購入したドメインまたは変更された DNS レコードは、正しいサイト バージョンが公開されたことを証明するものではありません。古い DNS レコードは、他にどのような機能を提供するのかがわかるまで削除しないでください。

ドメインの所有者とManusプロジェクトの所有者を記録します。誤った起動に対するロールバック パスを保持し、予約、連絡先、分析の宛先がブランド アドレスで引き続き機能することを確認します。

Manus ホスティングと外部ホスト

Manus には 2 つのホスティング モードがリストされています。可変トラフィック用のデフォルトの自動スケールと、永続的なワーカーまたはリアルタイム接続用の予約です。プロジェクトを開始する前に、プロジェクトのホスティングの選択と使用コストを確認してください。チームが独自の Git リリース プロセスまたはインフラストラクチャを必要とする場合は、外部ホスティングを使用します。プロジェクトが何をエクスポートできるか、また受信側のホストが何を必要とするかを確認します。ネイティブ パブリッシュは Vercel または Netlify 展開を作成しません。また、外部コピーは Manus でホストされるサイトを更新しません。

「公開」をクリックしてからチェックを開始する

• 精度: 名前、価格、営業時間、紹介文、画像を承認された情報源と照合して確認します。
• 機能: すべての主ボタンとフォームを安全なデータでテストします。実際の宛先または受信した提出物を確認します。
• アクセシビリティ: キーボードで移動し、フォーカスを調べ、モバイル テキストを読み、画像の説明とコントラストを確認します。
• 検索の基本: ページのタイトル、メタディスクリプション、H1、および紹介文で実際のオファーを説明するようにします。
• 操作: ライブ URL、ドメイン所有者、更新所有者、既知の問題、間違いをロールバックするルートを保存します。

公開後およびドメイン変更後に、サインアウトしたセッションからライブ ページをテストします。編集者の見解は、初めて訪問した人が受け取るものとは異なる場合があります。

コラボレーションを展開から分離する

ライブ サイトでは、現在何が表示されているかがわかりますが、誰がサインオフしたか、どの詳細が未解決のままかはわかりません。承認されたコピー、アセットの権利、テスト結果、ライブ URL、および要求された次の編集を含む共有概要を保持します。の Muse Web サイト公開のウォークスルー は、アーティファクト優先の別のレビュー パスを示しています。へのガイド エージェントと人間のための共有ドライブ チャットの回答が必ずしも永続的な作業成果物であるとは限らない理由を説明します。次の編集者が別のアシスタントを使用する場合は、次を参照してください。 Claude と ChatGPT の間でファイルを共有する。これらのハンドオフでは、Manus プロジェクトが自動的に再公開されません。

Manus Web サイト公開のトラブルシューティング

プレビューは機能しますが、訪問者が Web サイトにアクセスできません

[発行] を使用し、タスクやプレビュー リンクではなくライブ Web サイトのアドレスをコピーしたことを確認します。サインアウトした状態で開きます。プロジェクトがまだプレビュー段階にあるかどうか、およびアクセス設定で訪問者が制限されているかどうかを確認してください。

カスタム ドメインが間違ったページを指している

プロジェクト固有の DNS 命令を現在のレコードと比較します。対象のホスト名と HTTPS の両方を確認し、DNS の変更が反映されるようにします。無関係なレコードをむやみに削除しないでください。変更する前にドメイン所有者と調整してください。

ボタンやフォームは視覚的には機能しますが、操作的には機能しません

公開されたサイトで実際の URL または送信先を確認します。バックエンド アクションの場合は、安全なテスト データを送信し、受信を確認します。ワークフローが実装されていない場合は、承認された外部宛先に置き換えるか、ページから Promise を削除します。

よくある質問

Manus は Web サイト自体を公開しますか?

はい。その Web サイト ビルダーは、Manus 管理の展開を使用したネイティブの発行を文書化します。サイトを発表する前に、返された実際のアドレスを確認してください。

自分のドメインに接続できますか?

Manus は、カスタム ドメイン パスを文書化します。ドメインの DNS を制御する必要があり、セットアップ後にサイトと HTTPS を確認する必要があります。

Manus プレビューは公開 Web サイトと同じですか?

いいえ。プレビューでは、プロジェクトを検査して修正します。発行は Web サイトを展開します。ライブ URL を使用してアクセスを個別にテストします。

代わりに外部ホストを使用できますか?

プロジェクトのハンドオフまたはエクスポートのオプションと外部ホストの要件を確認した後でのみ。 Manus のネイティブの公開アクションは、外部デプロイメントではありません。

結論: 厳密に言うと、顧客にリンクを送信する前に、プレビューを確認し、慎重に公開し、公開サイトと所有者を確認します。