Lato Server Post di richiesta di Firebase Funzioni di Reagire Forma di Azioni

Question 1

Quando clicco il Pulsante sul frontend, ho diretto a localhost/creare-account-hosted, ma rende "Impossibile inviare". Postino, invece, evidenzia l' Endpoint funziona bene.

Non so cosa ho sbagliato qui.

Backend endpoint Firebase Funzioni cartella

app.post("/create-account-hosted", async (req, res) => {
  try {
  var account = await stripe.accounts.create({
    type: "custom",
    requested_capabilities: ["card_payments", "transfers"],
    business_type: 'company',
    
  })

  var accountLink = await stripe.accountLinks.create({
    account: account.id,
    success_url: "https://example.com",
    failure_url: "https://example.com",
    type: "custom_account_verification", 
    collect: "eventually_due",
  });
} catch (err) {
  console.log(err);
  res.status(400);
  res.send({ error: err });
  return;
}

res.send(accountLink.url)

Anteriore codice di Fine modulo richiesta POST per il lato server di reindirizzamento.

<div className="beASeller">
                    <form
                        type="submit"
                        action="/create-account-hosted"
                        method="POST"
                        class="stripe-connect white"
                    >
                        <button> Seller Signup</button>
                    </form>
                </div>

Question 2

Dal momento che il mio Postino è stato query il Firebase funzione stessa ad es. https://uscentral1.myfunction.cloudfunctions.net/create-account-hostedho bisogno di fare lo stesso con la mia front-end di codice.

<div className="beASeller">
         <button                        
         action="https://uscentral1.myfunction.cloudfunctions.net/create-account-hosted/"
         class="stripe-connect white"
         >
         </button>
</div>

Question 3

Si potrebbe anche usare un client HTTP. Per questo caso, useremo Axios.

Ci sono un sacco di opzioni aggiuntive che si può prendere vantaggio quando si effettua una richiesta utilizzando il Axiosma ecco le più comuni:

baseUrl - Se si specifica un URL di base, sarà anteposto a qualsiasi URL relativo uso.
intestazioni - Un oggetto di coppie chiave/valore per essere inviato come intestazioni.
params - un oggetto di coppie chiave/valore che verrà serializzato e aggiunto l'URL come una stringa di query.
responseType - Se sei in attesa di una risposta in formato JSON, è possibile impostare questa proprietà a arrayBuffer, blob, documento, testo, o un flusso.
auth: il passaggio di un oggetto con un nome utente e una password i campi di utilizzare tali credenziali HTTP Basic auth su richiesta.

Si può vedere qui, per l'impostazione Axios nel progetto.

Dopo l'installazione, è ora possibile utilizzare Axios. Si prega di vedere il codice di esempio di seguito:

import axios from 'axios';

axios.post('https://uscentral1.myfunction.cloudfunctions.net/create-account-hosted', {"body":data}, {
    headers: {
    'Content-Type': 'application/json'
    'Authorization': 'Bearer ' + token
    }
  }
)

Si prega di controllare anche i punti 2 - 4 su questo thread e vedere se aiuta anche.

Jed Lancer · Answer 1 · 2021-11-24T07:29:43

Dal momento che il mio Postino è stato query il Firebase funzione stessa ad es. https://uscentral1.myfunction.cloudfunctions.net/create-account-hostedho bisogno di fare lo stesso con la mia front-end di codice.

<div className="beASeller">
         <button                        
         action="https://uscentral1.myfunction.cloudfunctions.net/create-account-hosted/"
         class="stripe-connect white"
         >
         </button>
</div>

Marc Anthony B · Answer 2 · 2021-11-24T10:14:31

Si potrebbe anche usare un client HTTP. Per questo caso, useremo Axios.

Ci sono un sacco di opzioni aggiuntive che si può prendere vantaggio quando si effettua una richiesta utilizzando il Axiosma ecco le più comuni:

baseUrl - Se si specifica un URL di base, sarà anteposto a qualsiasi URL relativo uso.
intestazioni - Un oggetto di coppie chiave/valore per essere inviato come intestazioni.
params - un oggetto di coppie chiave/valore che verrà serializzato e aggiunto l'URL come una stringa di query.
responseType - Se sei in attesa di una risposta in formato JSON, è possibile impostare questa proprietà a arrayBuffer, blob, documento, testo, o un flusso.
auth: il passaggio di un oggetto con un nome utente e una password i campi di utilizzare tali credenziali HTTP Basic auth su richiesta.

Si può vedere qui, per l'impostazione Axios nel progetto.

Dopo l'installazione, è ora possibile utilizzare Axios. Si prega di vedere il codice di esempio di seguito:

import axios from 'axios';

axios.post('https://uscentral1.myfunction.cloudfunctions.net/create-account-hosted', {"body":data}, {
    headers: {
    'Content-Type': 'application/json'
    'Authorization': 'Bearer ' + token
    }
  }
)

Si prega di controllare anche i punti 2 - 4 su questo thread e vedere se aiuta anche.

Lato Server Post di richiesta di Firebase Funzioni di Reagire Forma di Azioni

Domanda

In altre lingue

Questa pagina è in altre lingue

Popolare in questa categoria

Domande popolari in questa categoria