Côté serveur d'une requête Post Firebase Fonctions de Réagir Forme d'Actions

0

La question

Quand je clique sur le Bouton sur le frontend, je reçois dirigé vers localhost/créer un compte hébergé, mais rend "Impossible de POSTER". Facteur montre, cependant, le point de Terminaison fonctionne très bien.

Pas sûr de ce que j'ai eu du mal ici.

Backend point de terminaison sur Firebase dossier Fonctions

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)

Avant la Fin de code POST de formulaire de demande pour le côté serveur de redirection.

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

Depuis mon Facteur était l'interrogation de la Firebase fonction elle-même par exemple https://uscentral1.myfunction.cloudfunctions.net/create-account-hostedj'ai besoin de faire la même chose avec mon avant la fin de code.

<div className="beASeller">
         <button                        
         action="https://uscentral1.myfunction.cloudfunctions.net/create-account-hosted/"
         class="stripe-connect white"
         >
         </button>
</div>
2021-11-24 07:29:43
1

Vous pouvez également utiliser un client HTTP. Pour ce cas, nous allons utiliser Axios.

Il y a un tas d'options supplémentaires dont vous pouvez bénéficier lors d'une requête à l'aide de Axiosmais voici les plus courantes:

  • baseUrl - Si vous spécifiez une URL de base, il sera ajouté à tout relative de l'URL que vous utilisez.
  • les en-têtes - Un objet de paires clé/valeur à être envoyé comme en-têtes.
  • params - un objet de paires clé/valeur qui sera sérialisée et ajouté à l'URL comme une chaîne de requête.
  • responseType - Si vous attendez une réponse dans un autre format JSON, vous pouvez définir cette propriété pour arrayBuffer, blob, document, texte, ou d'un ruisseau.
  • auth: passage d'un objet avec un nom d'utilisateur et le mot de passe champs de l'utilisation de ces informations d'identification pour HTTP Basic auth sur la demande.

Vous pouvez consulter ici, pour la mise en place Axios dans votre projet.

Après l'installation, vous pouvez maintenant utiliser Axios. Veuillez voir l'exemple de code ci-dessous:

import axios from 'axios';

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

Veuillez également vérifier les étapes 2 - 4 sur ce thread pour voir si elle aide aussi.

2021-11-24 10:14:31

Dans d'autres langues

Cette page est dans d'autres langues

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................