CODEWITHSUNDEEP
javascriptnode.jsfirebaseexpressgoogle-cloud-functions
Xazzo
Xazzo

Reputation: 85

How to use a custom domain for a Cloud Function as a POST request

I'm not very experienced with Node.js but learning quick all do quite good with javaScript. I'm using Cloud Functions to create an API for a project and trying to use a custom domain to reach this API. On my Firebase Hosting, I have connected a subdomain "api.mydomain.com".

I have a function called "api" on my functions index.js using express:

let express = require('express');
let app = express();

app.post('/endpoint/:userId', (req, res) => {

  ... EXECUTE CODE 

  res.json(json);  

});

exports.api = functions.https.onRequest(app);

In my firebase.json I have a rewrite as so:

    "rewrites": [
  {
    "source": "/api/**",
    "function": "api"
  }

So in theory if I make a POST request to https://api.mydomain/api/endpoint/userID should execute the function but instead I get:

Cannot POST /api/endpoint/userID/

If I use the default firebase URL to access the function like https://us-central1-my-proyect.cloudfunctions.net/api it works fine.

Do you have any Idea how to properly configure the custom domain to work with my function?

Thanks a lot for any help!

Upvotes: 6

Views: 1956

Answers (2)

Geoffrey Bourne
Geoffrey Bourne

Reputation: 620

My preferred method is to remove the prepend and continue with the normal flow.

If I want to call mysite.com/api/process

const PREFIX = "api"
app.use((req, res, next) => {
  if (req.url.indexOf(`/${PREFIX}/`) === 0) {
    req.url = req.url.substring(PREFIX.length + 1);
  }
  next();
});

app.post("/process", (req, res) => {...}

exports[PREFIX] = functions.https.onRequest(app);

and in firebase.json

"rewrites": [
      {
        "source": "/api/**",
        "function": "api"
      },
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]

Upvotes: 3

Doug Stevenson
Doug Stevenson

Reputation: 317818

When you use an Express app as the target for an HTTPS function, the name of the function gets prepended to the path of the hosting URL, just like it does when you call the function direction. There are two ways to compensate for this:

  1. Put the prefix path in your route paths:

    app.post('/api/endpoint/:userId', (req, res) => { ... })

  2. Create a second Express app that routes everything under /api, and send that to Cloud Functions:

    app.post('/endpoint/:userId', (req, res) => { ... })
const app2 = express()
app2.use('/api', app)
exports.api = functions.https.onRequest(app2)

Either way, when you rewrite path /api/** to function api, your function will get invoked.

Upvotes: 4

Related Questions