Difyで作ったアプリやページを共有する方法

Difyの出力を見せる場面

Difyで組んだアプリやページのUIは、設定画面のプレビューだけで完結しないことがあります。デザインの確認や、関係者からのフィードバックをもらうには、実際にブラウザで開ける形にして渡すのが手っ取り早いです。

書き出したHTMLや、CSS/JS/画像をまとめたものを共有できれば、相手は環境を整えずにそのまま表示を確認できます。社内レビューでも、顧客への提案でも、同じやり方で対応できます。

認証付きの一時URLで渡す

ギガサイト便は、HTMLファイルやCSS/JS/画像を含むZIPをトップページにドロップするだけで、その場で共有URLを発行します。会員登録なしでも公開でき、URLは 〇〇.giga-site.com 形式のサブドメインで提供されます。

HTTPSは自動で付き、CDNのエッジ配信で表示が速いため、Difyで作った画面の見た目をそのまま素早く伝えられます。社外に見せるときは認証を選べるので、不特定多数に拡散する心配がありません。

AI生成HTMLを共有する前の安全チェック

Difyで作ったアプリやページを共有では、AIツールの画面上で完成して見えても、共有用HTMLとして安全とは限りません。外部script、form送信先、APIキーらしき文字列、画像パス、ダミーデータではない個人情報を分けて確認します。

ツールの書き出し形式や共有機能は時期・プラン・作り方で変わります。この記事では特定機能の有無を断定せず、静的HTMLやZIPとして取り出せた成果物を安全に見せる前提で進めます。安全チェックが終わったら、HTMLまたはZIPをアップロードし、必要に応じて認証と期限を付けたURLとして共有します。

• 外部送信: form action、fetch、script src、iframeの向き先を確認する
• 秘密情報: APIキー、トークン、社内URL、顧客名が残っていないか検索する
• 表示再現: 画像・CSS・フォントが公開URLでも読み込めるか見る
• 共有設定: 相手、期限、認証方式、差し替え時の連絡方法を決める

Difyの成果物を共有する手順

Difyから取り出したファイルを使って、確認用URLを発行する流れは次のとおりです。

1. Difyで作ったページのHTML、または関連ファイルをまとめたZIPを用意する。
2. ギガサイト便のトップにファイルかZIPをドロップして共有URLを発行する。
3. 認証方式を、URLのみ・パスワード・メール認証・会社ドメイン認証から選ぶ。
4. 必要ならカスタムスラッグでURL末尾を分かりやすい文字列に変える。
5. 公開期限を設定し、発行されたURLを関係者へ共有する。

更新とアクセス管理を楽にする

Difyの設定を調整して画面を作り直すと、HTMLも更新されます。ギガサイト便なら同じURLのままファイルを差し替えられるので、修正版を出すたびにリンクを送り直さずに済みます。確認している相手は同じURLで最新の画面を見られます。

対面以外の場でも見せたいときは、QRコード配布を使えば資料やスライドに貼って案内できます。誰がいつ見たかはアクセスログで確認でき、提案後の反応を把握する手がかりになります。

本番運用との使い分け

Difyのアプリを本番として継続提供する場合は、Dify側の公開機能や専用のホスティングを使うのが基本です。ギガサイト便は独自ドメインでの本番Webサイト運用ではなく、確認・レビュー・一時共有に向いた位置づけです。

一時公開ページには noindex が付いて検索結果には出ませんが、noindex はアクセス制御ではないので、限られた相手にだけ見せたいときは認証を併用してください。公開期限が切れると自動的に閲覧できなくなり、古い確認用URLが残らないので管理も楽です。