Do Lado do servidor solicitação Post Firebase Funções de Reagir Ações de Formulário

Question 1

Quando eu clicar no Botão no frontend, recebo direcionado para localhost/criar-conta-hospedado, mas torna a "Não PUBLICAR". Carteiro no entanto mostra o ponto de Extremidade funciona muito bem.

Não sei o que eu tenho de errado aqui.

Back-end ponto final na Firebase Funções de pasta

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)

De Front-End do código de formulário de solicitação POST para o redirecionamento do lado do servidor.

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

Question 2

Desde o meu Carteiro consultar a Firebase própria função e.g. https://uscentral1.myfunction.cloudfunctions.net/create-account-hosted, eu precisava fazer o mesmo com os meus front-end de código.

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

Question 3

Você também pode usar um cliente HTTP. Para este caso, nós vamos usar Axios.

Há um monte de opções adicionais que você pode aproveitar ao fazer uma solicitação usando Axios, mas aqui são os mais comuns:

baseUrl - Se você especificar uma URL base, ele vai ser anexado a qualquer em relação URL que você usa.
cabeçalhos de Um objeto de pares chave/valor a ser enviado como cabeçalhos.
params , um objeto de pares chave/valor que será serializado e anexados ao URL como uma seqüência de caracteres de consulta.
responseType - Se você está esperando uma resposta em um formato diferente JSON, você pode definir essa propriedade para arrayBuffer, blob, documento de texto, ou de fluxo.
auth: a passagem de um objeto com campos de username e password irá usar essas credenciais para o HTTP Basic auth sobre o pedido.

Você pode referir-se aqui, para a configuração da Axios em seu projeto.

Após a instalação, você pode agora usar Axios. Por favor, consulte o código de exemplo abaixo:

import axios from 'axios';

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

Por favor, verifique também os passos 2 - 4 neste segmento e ver se ele também ajuda.

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

Desde o meu Carteiro consultar a Firebase própria função e.g. https://uscentral1.myfunction.cloudfunctions.net/create-account-hosted, eu precisava fazer o mesmo com os meus front-end de código.

<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

Você também pode usar um cliente HTTP. Para este caso, nós vamos usar Axios.

Há um monte de opções adicionais que você pode aproveitar ao fazer uma solicitação usando Axios, mas aqui são os mais comuns:

baseUrl - Se você especificar uma URL base, ele vai ser anexado a qualquer em relação URL que você usa.
cabeçalhos de Um objeto de pares chave/valor a ser enviado como cabeçalhos.
params , um objeto de pares chave/valor que será serializado e anexados ao URL como uma seqüência de caracteres de consulta.
responseType - Se você está esperando uma resposta em um formato diferente JSON, você pode definir essa propriedade para arrayBuffer, blob, documento de texto, ou de fluxo.
auth: a passagem de um objeto com campos de username e password irá usar essas credenciais para o HTTP Basic auth sobre o pedido.

Você pode referir-se aqui, para a configuração da Axios em seu projeto.

Após a instalação, você pode agora usar Axios. Por favor, consulte o código de exemplo abaixo:

import axios from 'axios';

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

Por favor, verifique também os passos 2 - 4 neste segmento e ver se ele também ajuda.

Do Lado do servidor solicitação Post Firebase Funções de Reagir Ações de Formulário

Pergunta

Em outros idiomas

Esta página está em outros idiomas

Popular nesta categoria

Perguntas populares nesta categoria