firebase - 重定向到 Firebase 托管自定义域

Question

我已经使用 Firebase 托管设置了一个自定义域（例如 myapp.domain.com）。

如何重定向（或关闭）默认 Firebase 托管 URL（例如 myapp.firebaseapp.com），以便只能从自定义域访问该应用？

Answer 1

您无法关闭子域。您的应用将始终在您设置的任何自定义域https://myapp.firebaseapp.com 上可用。

要重定向人们，您可以canonical在 HTML 中添加一个链接：

<link rel="canonical" href="http://myapp.domain.com/" />

在 Google 网站管理员中心博客上的指定您的规范中阅读更多相关信息。

Answer 2

您可以使用 Firebase 函数。

每月 125K 次调用免费 - https://firebase.google.com/pricing

使用 Express 中间件的示例：

// functions/index.js

const functions = require('firebase-functions');
const express = require('express');
const url = require('url');

const app = express();

// Allowed domains
let domains = ['localhost:5000', 'example.com'];
// Base URL to redirect
let baseurl = 'https://example.com/';

// Redirect middleware
app.use((req, res, next) => {
    if (!domains.includes(req.headers['x-forwarded-host'])) {
        return res.status(301).redirect(url.resolve(baseurl, req.path.replace(/^\/+/, "")));
    }
    return next();
});

// Dynamically route static html files
app.get('/', (req, res) => {
    return res.sendFile('index.html', { root: './html' });
});

// ...

// 404 middleware
app.use((req, res) => {
    return res.status(404).sendFile('404.html', { root: './html' });
});

// Export redirect function
exports.redirectFunc = functions.https.onRequest(app);

必须将导出的函数名称添加到 firebase.json 中的重写，例如：

{
    "hosting": {
        "public": "public",
        "rewrites": [
          {
            "source": "**",
            "function": "redirectFunc"
          }
        ]
    }
}

Answer 3

除了指定 Frank van Puffelen 的回答中提到的规范链接之外。我们还可以添加前端 JavaScript 代码来执行这样的实际重定向，而无需透露默认 URL。

if (location.hostname.indexOf('custom.url') === -1) {
    location.replace("https://custom.url");
}