2019年3月2日0件のコメントfirebase+Vue.jsでWebサービスの運用をしているのですが、サクッと作ったサービスなのでサーバーサイドレンダリング(SSR)対応ができていません。SSRする目的ですが主にTwitterやfacebookといったSNS向け(OGP)だと思っています。GoogleのクローリングではSSRなしでも一応Indexはされますので。Googleの評価に悪影響がある可能性はありますが...とはいえ、SNSにおける拡散、SNSからの流入というのは個人運営のWebサービスでは無視することもできず、SSRなしでの対応をやってみました。苦戦しましたがようやく実現できましたので実装方法を共有させていただきます。本記事はQiitaの以下の記事を激しく参考にしています。対応しかし、Qiitaの記事そのままでは私のアプリでは動作しなかったので若干の変更を加えています。functionsを起動させます。functionsでmetaタグのみを返却する関数を作成します。ここで、bodyタグにはredirect処理を設定し、ユーザーアクセスの場合はページを表示できるようにします。}}私のfirebase.jsonの全文です。functoinsのfunction名「note」を起動するという意味の記述になります。functionsとして作成した「note」という関数になります。ポイントは、内部関数「buildHtmlWithPost内の以下です。<script>window.location="/c?id=${id}";</script></body>ユーザーからのアクセスの場合にページを表示させるためにリダイレクト処理を記述しています。リダイレクト先のURLがポイントで、「/c?id=${id}」としました。「note」が呼ばれてしまい正常に動作しません。「/c?id=${id}」とすることでfunctionsではなく、通常のhostingが呼ばれるようになります。}追加したのは「/c]のpathです。「/c」でアクセスがあった場合のコンポーネントへのルーティングを追記します。}},「?id=hogehoge」で来た場合に、URLを「/hogehoge」に書き換える処理です。おわりにおそらくこの対応でうまく動くかと思います。私のサイトは動いてると思われますので...SNS用に個別に処理を組まないといけないというのも辛いなあと思いますが、ユーザー獲得のためにはやむを得ない状況です。みなさまの問題解決に少しでもお役に立てていれば幸いです。カツオが開発したWebサービスです。「セールサーチ」ネットショップのセール情報の検索サイト!平成の想い出を気軽に年表にしてシェアすることができるサービスです。コメントをキャンセルメールアドレスが公開されることはありません。非エンジニアが個人開発したWebサービスをリリースしてみてfirestoreのセキュリティルール設定(firebaseでユーザー・役割ごとの権限制御)最近のコメント33歳。起業について思うこと。