Sunucu Tarafı Post isteği Firebase İşlevleri React Form Eylemleri

Question 1

Frontend'deki Düğmeyi tıkladığımda, localhost/create-account-hosted yönlendiriliyorum ancak "Gönderemiyorum" oluşturuyorum. Ancak Postacı, Son Noktanın gayet iyi çalıştığını gösteriyor.

Neyi yanlış anladığımdan emin değilim.

Firebase İşlevleri klasöründeki arka uç uç noktası

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)

Sunucu tarafı yeniden yönlendirmesi için ön uç kod formu POST isteği.

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

Question 2

Postacım Firebase işlevini sorguladığından beri örn. https://uscentral1.myfunction.cloudfunctions.net/create-account-hosted Ön uç kodumla aynı şeyi yapmam gerekiyordu.

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

Question 3

Bir HTTP istemcisi de kullanabilirsiniz. Bu dava için şunları kullanacağız Axios.

Kullanarak bir istekte bulunurken yararlanabileceğiniz bir dizi ek seçenek vardır Axios ama işte en yaygın olanları:

baseUrl - Bir temel URL belirtirseniz, herhangi bir URL'ye önceden eklenir. kullandığınız göreli URL.
üstbilgiler-Üstbilgi olarak gönderilecek anahtar / değer çiftlerinin nesnesi.
params-seri hale getirilecek ve URL'ye sorgu dizesi olarak eklenecek anahtar/değer çiftlerinden oluşan bir nesne.
responseType-JSON dışında bir biçimde yanıt bekliyorsanız, bu özelliği arrayBuffer, blob, document, text veya stream olarak ayarlayabilirsiniz.
kimlik doğrulama: kullanıcı adı ve parola alanlarına sahip bir nesneyi iletmek, istekte HTTP Temel kimlik doğrulaması için bu kimlik bilgilerini kullanır.

Kurulum için buraya başvurabilirsiniz Axios projende.

Kurulumdan sonra, şimdi kullanabilirsiniz Axios. Lütfen aşağıdaki örnek koda bakın:

import axios from 'axios';

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

Lütfen bu iş parçacığındaki 2-4. adımları da kontrol edin ve bunun da yardımcı olup olmadığına bakın.

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

Postacım Firebase işlevini sorguladığından beri örn. https://uscentral1.myfunction.cloudfunctions.net/create-account-hosted Ön uç kodumla aynı şeyi yapmam gerekiyordu.

<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

Bir HTTP istemcisi de kullanabilirsiniz. Bu dava için şunları kullanacağız Axios.

Kullanarak bir istekte bulunurken yararlanabileceğiniz bir dizi ek seçenek vardır Axios ama işte en yaygın olanları:

baseUrl - Bir temel URL belirtirseniz, herhangi bir URL'ye önceden eklenir. kullandığınız göreli URL.
üstbilgiler-Üstbilgi olarak gönderilecek anahtar / değer çiftlerinin nesnesi.
params-seri hale getirilecek ve URL'ye sorgu dizesi olarak eklenecek anahtar/değer çiftlerinden oluşan bir nesne.
responseType-JSON dışında bir biçimde yanıt bekliyorsanız, bu özelliği arrayBuffer, blob, document, text veya stream olarak ayarlayabilirsiniz.
kimlik doğrulama: kullanıcı adı ve parola alanlarına sahip bir nesneyi iletmek, istekte HTTP Temel kimlik doğrulaması için bu kimlik bilgilerini kullanır.

Kurulum için buraya başvurabilirsiniz Axios projende.

Kurulumdan sonra, şimdi kullanabilirsiniz Axios. Lütfen aşağıdaki örnek koda bakın:

import axios from 'axios';

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

Lütfen bu iş parçacığındaki 2-4. adımları da kontrol edin ve bunun da yardımcı olup olmadığına bakın.

Sunucu Tarafı Post isteği Firebase İşlevleri React Form Eylemleri

Soru

Diğer dillerde

Bu sayfa diğer dillerde

Bu kategoride popüler

Popüler soruları bu kategoride