2017-05-30 27 views
2

Firebaseの私のパブリックフォルダには、index.htmlsalon.htmlがあります。Firebaseホスティングで動的URLルーティングを処理する方法

私はsalon.htmlを読み込み、JavaScriptでリアルタイムデータベースからサロン43を取り出したいと思っています。xyz.com/salon/43のようなURLの場合は、

は、今私はxyz.com/salon?id=43のようなURLを持つことができますよ。 Firebaseホスティングで、どのようにそうならば、前者を行うことが可能である場合、私は思ったんだけど。

+1

あなたが代わりに動的なホスティングを使用することができます:https://firebase.google.com/docs/hosting/

URLの書き換えはfirebase.jsonファイルにホスティング内rewritesセクションを定義することで指定することができます機能 –

+0

ありがとう!私は、雲の機能をそのように使うことはできないことを知りました。 '...あなたは/ blog/のようなURLを持つことができます。このURLパターンは、Firebox Realtime Databaseからコンテンツを動的に取得するために、URLのブログ投稿IDパラメータを動的に使用する機能を指し示すことができます。 ' –

答えて

8

あなたはFirebaseが書き換えをホスティングを探しています。 documentation

複数のURLに同じ内容を表示する場合は、書き換えを使用します。あなたがパターンに一致する任意のURLを受け入れ、クライアント側のコードを表示するかを決定させることができますよう書き換えは、パターンマッチングで特に有用です。書き換えルールを使用して、HTML5 pushStateを使用してアプリをサポートすることができます。ブラウザが指定されたソースURLを開こうとすると、それは先のURLでファイルの内容が与えられます。

"hosting": { 
    // Add the "rewrites" section within "hosting" 
    "rewrites": [ { 
    "source": "**", 
    "destination": "/index.html" 
    } ] 
} 
+0

ありがとう!これは完璧です。私はそれを見ましたが、URLがリダイレクトとは異なり維持されることを認識しませんでした。質問をする前にそれを試してみてください。 –

+1

心配ありません。私はリダイレクトでほぼ答えると、それが状態を維持しないことに気付きました。 –

関連する問題