search

Phiên kiểm tra sọc nodejs

Ngày đăng: 06/12/2022
Trả lời: 0
Lượt xem: 7

Vì vậy, bạn vừa tạo một ứng dụng tuyệt vời và bây giờ bạn cần thực sự được trả tiền cho nó nhưng bạn không biết bắt đầu từ đâu. Điều đó thật hoàn hảo vì trong bài viết này tôi sẽ chỉ cho bạn từng bước cách thiết lập Stripe với Node. js và chấp nhận thanh toán thông qua giao diện người dùng tuyệt đẹp này

Show

Phiên kiểm tra sọc nodejs

Trước khi bắt đầu, tôi muốn đề cập rằng tài liệu của Stripe rất tuyệt vời và tôi thực sự khuyên bạn nên sử dụng tài liệu của họ cùng với bài viết này

Nếu bạn muốn học trực quan, hãy xem phiên bản video của bài viết này

Thành lập

Bước rõ ràng đầu tiên để bắt đầu là tạo một tài khoản với Stripe. Bạn cũng cần đảm bảo rằng bạn điền tất cả thông tin về doanh nghiệp của mình (thông tin về thuế, địa chỉ, v.v. ) để đảm bảo bạn tuân thủ pháp luật trước khi chấp nhận thanh toán. Khi đã xong, bước tiếp theo là thiết lập dự án của bạn

Bạn sẽ cần một nút. js để tích hợp Stripe, vì vậy nếu bạn chưa có Node. js express server thì bạn sẽ cần làm như sau

Thiết lập máy chủ tốc hành

  1. Chạy 
    // Initiate a POST request to the server
// If the server is on a different domain than the client
// then this needs to be the full url
// http://localhost:3000/create-checkout-session
fetch("/create-checkout-session", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  // Send along all the information about the items
  body: JSON.stringify({
    items: [
      {
        id: 1,
        quantity: 2,
      },
      {
        id: 2,
        quantity: 1,
      },
    ],
  }),
})
  .then(res => {
    if (res.ok) return res.json()
    // If there is an error then make sure we catch that
    return res.json().then(e => Promise.reject(e))
  })
  .then(({ url }) => {
    // On success redirect the customer to the returned URL
    window.location = url
  })
  .catch(e => {
    console.error(e.error)
  })
    9 để tạo gói. json cho dự án của bạn
  2. Chạy 
    // Create a post request for /create-checkout-session
app.post("/create-checkout-session", async (req, res) => {
  try {
    // Create a checkout session with Stripe
    const session = await stripe.checkout.sessions.create({
      payment_method_types: ["card"],
      // For each item use the id to get it's information
      // Take that information and convert it to Stripe's format
      line_items: req.body.items.map(({ id, quantity }) => {
        const storeItem = storeItems.get(id)
        return {
          price_data: {
            currency: "usd",
            product_data: {
              name: storeItem.name,
            },
            unit_amount: storeItem.priceInCents,
          },
          quantity: quantity,
        }
      }),
      mode: "payment",
      // Set a success and cancel URL we will send customers to
      // These must be full URLs
      // In the next section we will setup CLIENT_URL
      success_url: `${process.env.CLIENT_URL}/success.html`,
      cancel_url: `${process.env.CLIENT_URL}/cancel.html`,
    })

    res.json({ url: session.url })
  } catch (e) {
    // If there is an error send it to the client
    res.status(500).json({ error: e.message })
  }
})
    0 để cài đặt sọc, express và dotenv
  3. Tạo một tệp có tên 
    // Create a post request for /create-checkout-session
app.post("/create-checkout-session", async (req, res) => {
  try {
    // Create a checkout session with Stripe
    const session = await stripe.checkout.sessions.create({
      payment_method_types: ["card"],
      // For each item use the id to get it's information
      // Take that information and convert it to Stripe's format
      line_items: req.body.items.map(({ id, quantity }) => {
        const storeItem = storeItems.get(id)
        return {
          price_data: {
            currency: "usd",
            product_data: {
              name: storeItem.name,
            },
            unit_amount: storeItem.priceInCents,
          },
          quantity: quantity,
        }
      }),
      mode: "payment",
      // Set a success and cancel URL we will send customers to
      // These must be full URLs
      // In the next section we will setup CLIENT_URL
      success_url: `${process.env.CLIENT_URL}/success.html`,
      cancel_url: `${process.env.CLIENT_URL}/cancel.html`,
    })

    res.json({ url: session.url })
  } catch (e) {
    // If there is an error send it to the client
    res.status(500).json({ error: e.message })
  }
})
    1 và bao gồm đoạn mã sau

// Load environment variables from the .env file into process.env
require("dotenv").config()

// Setup express
const express = require("express")
const app = express()
app.use(express.json())

// Setup Stripe
const stripe = require("stripe")(process.env.STRIPE_PRIVATE_KEY)

// This is the list of items we are selling
// This will most likely come from a database or JSON file
const storeItems = new Map([
  [1, { priceInCents: 10000, name: "Learn React Today" }],
  [2, { priceInCents: 15000, name: "Learn CSS Today" }],
])

// Start up our server on port 3000
app.listen(3000)

Kết nối phía khách hàng

Trước khi chúng tôi viết thêm bất kỳ mã nào cho máy chủ, chúng tôi sẽ tập trung vào cách bạn kết nối phía máy khách của ứng dụng với máy chủ. Theo tôi, cách tốt nhất để làm điều này là với một yêu cầu tìm nạp vì rất có thể máy chủ của bạn sẽ là một API mà bạn đang gọi từ ứng dụng khách của mình. Mã để làm điều này là như sau

// Initiate a POST request to the server
// If the server is on a different domain than the client
// then this needs to be the full url
// http://localhost:3000/create-checkout-session
fetch("/create-checkout-session", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  // Send along all the information about the items
  body: JSON.stringify({
    items: [
      {
        id: 1,
        quantity: 2,
      },
      {
        id: 2,
        quantity: 1,
      },
    ],
  }),
})
  .then(res => {
    if (res.ok) return res.json()
    // If there is an error then make sure we catch that
    return res.json().then(e => Promise.reject(e))
  })
  .then(({ url }) => {
    // On success redirect the customer to the returned URL
    window.location = url
  })
  .catch(e => {
    console.error(e.error)
  })

Đây là rất nhiều mã vì vậy hãy chia nhỏ chính xác những gì đang xảy ra. Trên máy khách, chúng tôi đang yêu cầu một điểm cuối trên máy chủ của chúng tôi và gửi cùng với id và số lượng của từng mặt hàng mà khách hàng muốn mua. Sau đó, nếu yêu cầu thành công, chúng tôi sẽ chuyển hướng khách hàng đến url được trả về từ API

Ghi chú quan trọng

  1. Nếu máy chủ và máy khách ở trên các miền khác nhau thì bạn sẽ cần sử dụng URL máy chủ đầy đủ khi thực hiện yêu cầu tìm nạp (
    // Create a post request for /create-checkout-session
app.post("/create-checkout-session", async (req, res) => {
  try {
    // Create a checkout session with Stripe
    const session = await stripe.checkout.sessions.create({
      payment_method_types: ["card"],
      // For each item use the id to get it's information
      // Take that information and convert it to Stripe's format
      line_items: req.body.items.map(({ id, quantity }) => {
        const storeItem = storeItems.get(id)
        return {
          price_data: {
            currency: "usd",
            product_data: {
              name: storeItem.name,
            },
            unit_amount: storeItem.priceInCents,
          },
          quantity: quantity,
        }
      }),
      mode: "payment",
      // Set a success and cancel URL we will send customers to
      // These must be full URLs
      // In the next section we will setup CLIENT_URL
      success_url: `${process.env.CLIENT_URL}/success.html`,
      cancel_url: `${process.env.CLIENT_URL}/cancel.html`,
    })

    res.json({ url: session.url })
  } catch (e) {
    // If there is an error send it to the client
    res.status(500).json({ error: e.message })
  }
})
    2 thay vì 
    // Create a post request for /create-checkout-session
app.post("/create-checkout-session", async (req, res) => {
  try {
    // Create a checkout session with Stripe
    const session = await stripe.checkout.sessions.create({
      payment_method_types: ["card"],
      // For each item use the id to get it's information
      // Take that information and convert it to Stripe's format
      line_items: req.body.items.map(({ id, quantity }) => {
        const storeItem = storeItems.get(id)
        return {
          price_data: {
            currency: "usd",
            product_data: {
              name: storeItem.name,
            },
            unit_amount: storeItem.priceInCents,
          },
          quantity: quantity,
        }
      }),
      mode: "payment",
      // Set a success and cancel URL we will send customers to
      // These must be full URLs
      // In the next section we will setup CLIENT_URL
      success_url: `${process.env.CLIENT_URL}/success.html`,
      cancel_url: `${process.env.CLIENT_URL}/cancel.html`,
    })

    res.json({ url: session.url })
  } catch (e) {
    // If there is an error send it to the client
    res.status(500).json({ error: e.message })
  }
})
    3)
  2. Không bao giờ gửi thông tin giá từ máy khách đến máy chủ. Vì khách hàng có quyền truy cập vào mã khách hàng nên họ có thể thay đổi thông tin về giá nếu chúng tôi gửi mã đó từ khách hàng. Đây là lý do tại sao mọi thứ được thực hiện với id trên máy khách và máy chủ xử lý tất cả việc tích hợp và định giá Stripe

Kết nối phía máy chủ

Bây giờ chúng tôi có thể thực hiện yêu cầu từ máy khách đến máy chủ trên một điểm cuối có tên là 

// Create a post request for /create-checkout-session
app.post("/create-checkout-session", async (req, res) => {
  try {
    // Create a checkout session with Stripe
    const session = await stripe.checkout.sessions.create({
      payment_method_types: ["card"],
      // For each item use the id to get it's information
      // Take that information and convert it to Stripe's format
      line_items: req.body.items.map(({ id, quantity }) => {
        const storeItem = storeItems.get(id)
        return {
          price_data: {
            currency: "usd",
            product_data: {
              name: storeItem.name,
            },
            unit_amount: storeItem.priceInCents,
          },
          quantity: quantity,
        }
      }),
      mode: "payment",
      // Set a success and cancel URL we will send customers to
      // These must be full URLs
      // In the next section we will setup CLIENT_URL
      success_url: `${process.env.CLIENT_URL}/success.html`,
      cancel_url: `${process.env.CLIENT_URL}/cancel.html`,
    })

    res.json({ url: session.url })
  } catch (e) {
    // If there is an error send it to the client
    res.status(500).json({ error: e.message })
  }
})
3. Bước tiếp theo đối với chúng tôi là tạo điểm cuối này trên máy chủ của chúng tôi và trả lại URL hợp lệ cho máy khách bằng cách thêm mã sau vào máy chủ của chúng tôi. tập tin js

// Create a post request for /create-checkout-session
app.post("/create-checkout-session", async (req, res) => {
  try {
    // Create a checkout session with Stripe
    const session = await stripe.checkout.sessions.create({
      payment_method_types: ["card"],
      // For each item use the id to get it's information
      // Take that information and convert it to Stripe's format
      line_items: req.body.items.map(({ id, quantity }) => {
        const storeItem = storeItems.get(id)
        return {
          price_data: {
            currency: "usd",
            product_data: {
              name: storeItem.name,
            },
            unit_amount: storeItem.priceInCents,
          },
          quantity: quantity,
        }
      }),
      mode: "payment",
      // Set a success and cancel URL we will send customers to
      // These must be full URLs
      // In the next section we will setup CLIENT_URL
      success_url: `${process.env.CLIENT_URL}/success.html`,
      cancel_url: `${process.env.CLIENT_URL}/cancel.html`,
    })

    res.json({ url: session.url })
  } catch (e) {
    // If there is an error send it to the client
    res.status(500).json({ error: e.message })
  }
})

Bây giờ mã này phức tạp hơn một chút vì vậy hãy để tôi chia nhỏ nó. Về cơ bản, chúng tôi có một điểm cuối đang lấy tất cả thông tin về mặt hàng từ khách hàng của chúng tôi. Thông tin này ở dạng đối tượng JSON có khóa 

// Initiate a POST request to the server
// If the server is on a different domain than the client
// then this needs to be the full url
// http://localhost:3000/create-checkout-session
fetch("/create-checkout-session", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  // Send along all the information about the items
  body: JSON.stringify({
    items: [
      {
        id: 1,
        quantity: 2,
      },
      {
        id: 2,
        quantity: 1,
      },
    ],
  }),
})
  .then(res => {
    if (res.ok) return res.json()
    // If there is an error then make sure we catch that
    return res.json().then(e => Promise.reject(e))
  })
  .then(({ url }) => {
    // On success redirect the customer to the returned URL
    window.location = url
  })
  .catch(e => {
    console.error(e.error)
  })
0 chứa một mảng các mục có 
// Initiate a POST request to the server
// If the server is on a different domain than the client
// then this needs to be the full url
// http://localhost:3000/create-checkout-session
fetch("/create-checkout-session", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  // Send along all the information about the items
  body: JSON.stringify({
    items: [
      {
        id: 1,
        quantity: 2,
      },
      {
        id: 2,
        quantity: 1,
      },
    ],
  }),
})
  .then(res => {
    if (res.ok) return res.json()
    // If there is an error then make sure we catch that
    return res.json().then(e => Promise.reject(e))
  })
  .then(({ url }) => {
    // On success redirect the customer to the returned URL
    window.location = url
  })
  .catch(e => {
    console.error(e.error)
  })
1 và 
// Initiate a POST request to the server
// If the server is on a different domain than the client
// then this needs to be the full url
// http://localhost:3000/create-checkout-session
fetch("/create-checkout-session", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  // Send along all the information about the items
  body: JSON.stringify({
    items: [
      {
        id: 1,
        quantity: 2,
      },
      {
        id: 2,
        quantity: 1,
      },
    ],
  }),
})
  .then(res => {
    if (res.ok) return res.json()
    // If there is an error then make sure we catch that
    return res.json().then(e => Promise.reject(e))
  })
  .then(({ url }) => {
    // On success redirect the customer to the returned URL
    window.location = url
  })
  .catch(e => {
    console.error(e.error)
  })
2

Điều đầu tiên chúng tôi làm là gọi 

// Initiate a POST request to the server
// If the server is on a different domain than the client
// then this needs to be the full url
// http://localhost:3000/create-checkout-session
fetch("/create-checkout-session", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  // Send along all the information about the items
  body: JSON.stringify({
    items: [
      {
        id: 1,
        quantity: 2,
      },
      {
        id: 2,
        quantity: 1,
      },
    ],
  }),
})
  .then(res => {
    if (res.ok) return res.json()
    // If there is an error then make sure we catch that
    return res.json().then(e => Promise.reject(e))
  })
  .then(({ url }) => {
    // On success redirect the customer to the returned URL
    window.location = url
  })
  .catch(e => {
    console.error(e.error)
  })
3 nhận một đối tượng duy nhất chứa tất cả thông tin để kiểm tra

  1. // Initiate a POST request to the server
// If the server is on a different domain than the client
// then this needs to be the full url
// http://localhost:3000/create-checkout-session
fetch("/create-checkout-session", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  // Send along all the information about the items
  body: JSON.stringify({
    items: [
      {
        id: 1,
        quantity: 2,
      },
      {
        id: 2,
        quantity: 1,
      },
    ],
  }),
})
  .then(res => {
    if (res.ok) return res.json()
    // If there is an error then make sure we catch that
    return res.json().then(e => Promise.reject(e))
  })
  .then(({ url }) => {
    // On success redirect the customer to the returned URL
    window.location = url
  })
  .catch(e => {
    console.error(e.error)
  })
    4. Điều này có một loạt tất cả các phương thức thanh toán được chấp nhận như chuyển khoản ngân hàng hoặc thẻ tín dụng. Đối với hầu hết các trường hợp, bạn chỉ cần để lại giá trị này là 
    // Initiate a POST request to the server
// If the server is on a different domain than the client
// then this needs to be the full url
// http://localhost:3000/create-checkout-session
fetch("/create-checkout-session", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  // Send along all the information about the items
  body: JSON.stringify({
    items: [
      {
        id: 1,
        quantity: 2,
      },
      {
        id: 2,
        quantity: 1,
      },
    ],
  }),
})
  .then(res => {
    if (res.ok) return res.json()
    // If there is an error then make sure we catch that
    return res.json().then(e => Promise.reject(e))
  })
  .then(({ url }) => {
    // On success redirect the customer to the returned URL
    window.location = url
  })
  .catch(e => {
    console.error(e.error)
  })
    5 vì thông thường bạn chỉ muốn chấp nhận thẻ
  2. // Initiate a POST request to the server
// If the server is on a different domain than the client
// then this needs to be the full url
// http://localhost:3000/create-checkout-session
fetch("/create-checkout-session", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  // Send along all the information about the items
  body: JSON.stringify({
    items: [
      {
        id: 1,
        quantity: 2,
      },
      {
        id: 2,
        quantity: 1,
      },
    ],
  }),
})
  .then(res => {
    if (res.ok) return res.json()
    // If there is an error then make sure we catch that
    return res.json().then(e => Promise.reject(e))
  })
  .then(({ url }) => {
    // On success redirect the customer to the returned URL
    window.location = url
  })
  .catch(e => {
    console.error(e.error)
  })
    6. Điều này xác định xem đây sẽ là đăng ký hay thanh toán một lần. Vì bài viết này chỉ đề cập đến các khoản thanh toán một lần nên chúng tôi sẽ để phần này là 
    // Initiate a POST request to the server
// If the server is on a different domain than the client
// then this needs to be the full url
// http://localhost:3000/create-checkout-session
fetch("/create-checkout-session", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  // Send along all the information about the items
  body: JSON.stringify({
    items: [
      {
        id: 1,
        quantity: 2,
      },
      {
        id: 2,
        quantity: 1,
      },
    ],
  }),
})
  .then(res => {
    if (res.ok) return res.json()
    // If there is an error then make sure we catch that
    return res.json().then(e => Promise.reject(e))
  })
  .then(({ url }) => {
    // On success redirect the customer to the returned URL
    window.location = url
  })
  .catch(e => {
    console.error(e.error)
  })
    7
  3. // Initiate a POST request to the server
// If the server is on a different domain than the client
// then this needs to be the full url
// http://localhost:3000/create-checkout-session
fetch("/create-checkout-session", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  // Send along all the information about the items
  body: JSON.stringify({
    items: [
      {
        id: 1,
        quantity: 2,
      },
      {
        id: 2,
        quantity: 1,
      },
    ],
  }),
})
  .then(res => {
    if (res.ok) return res.json()
    // If there is an error then make sure we catch that
    return res.json().then(e => Promise.reject(e))
  })
  .then(({ url }) => {
    // On success redirect the customer to the returned URL
    window.location = url
  })
  .catch(e => {
    console.error(e.error)
  })
    8. Đây là URL chúng tôi sẽ hướng khách hàng đến sau khi thanh toán thành công
  4. // Initiate a POST request to the server
// If the server is on a different domain than the client
// then this needs to be the full url
// http://localhost:3000/create-checkout-session
fetch("/create-checkout-session", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  // Send along all the information about the items
  body: JSON.stringify({
    items: [
      {
        id: 1,
        quantity: 2,
      },
      {
        id: 2,
        quantity: 1,
      },
    ],
  }),
})
  .then(res => {
    if (res.ok) return res.json()
    // If there is an error then make sure we catch that
    return res.json().then(e => Promise.reject(e))
  })
  .then(({ url }) => {
    // On success redirect the customer to the returned URL
    window.location = url
  })
  .catch(e => {
    console.error(e.error)
  })
    9. Đây là URL mà chúng tôi sẽ hướng khách hàng đến nếu họ hủy mua hàng
  5. // Create a post request for /create-checkout-session
app.post("/create-checkout-session", async (req, res) => {
  try {
    // Create a checkout session with Stripe
    const session = await stripe.checkout.sessions.create({
      payment_method_types: ["card"],
      // For each item use the id to get it's information
      // Take that information and convert it to Stripe's format
      line_items: req.body.items.map(({ id, quantity }) => {
        const storeItem = storeItems.get(id)
        return {
          price_data: {
            currency: "usd",
            product_data: {
              name: storeItem.name,
            },
            unit_amount: storeItem.priceInCents,
          },
          quantity: quantity,
        }
      }),
      mode: "payment",
      // Set a success and cancel URL we will send customers to
      // These must be full URLs
      // In the next section we will setup CLIENT_URL
      success_url: `${process.env.CLIENT_URL}/success.html`,
      cancel_url: `${process.env.CLIENT_URL}/cancel.html`,
    })

    res.json({ url: session.url })
  } catch (e) {
    // If there is an error send it to the client
    res.status(500).json({ error: e.message })
  }
})
    0. Đây là một mảng các mặt hàng mà khách hàng đang mua. Định dạng cho từng mục hàng như sau
    • // Create a post request for /create-checkout-session
app.post("/create-checkout-session", async (req, res) => {
  try {
    // Create a checkout session with Stripe
    const session = await stripe.checkout.sessions.create({
      payment_method_types: ["card"],
      // For each item use the id to get it's information
      // Take that information and convert it to Stripe's format
      line_items: req.body.items.map(({ id, quantity }) => {
        const storeItem = storeItems.get(id)
        return {
          price_data: {
            currency: "usd",
            product_data: {
              name: storeItem.name,
            },
            unit_amount: storeItem.priceInCents,
          },
          quantity: quantity,
        }
      }),
      mode: "payment",
      // Set a success and cancel URL we will send customers to
      // These must be full URLs
      // In the next section we will setup CLIENT_URL
      success_url: `${process.env.CLIENT_URL}/success.html`,
      cancel_url: `${process.env.CLIENT_URL}/cancel.html`,
    })

    res.json({ url: session.url })
  } catch (e) {
    // If there is an error send it to the client
    res.status(500).json({ error: e.message })
  }
})
      1. Đây là đối tượng chứa các thông tin về sản phẩm như tên, giá. Điều quan trọng cần lưu ý là tất cả giá trong Stripe được xác định bằng xu nên một mặt hàng 10 đô la sẽ có 
      // Create a post request for /create-checkout-session
app.post("/create-checkout-session", async (req, res) => {
  try {
    // Create a checkout session with Stripe
    const session = await stripe.checkout.sessions.create({
      payment_method_types: ["card"],
      // For each item use the id to get it's information
      // Take that information and convert it to Stripe's format
      line_items: req.body.items.map(({ id, quantity }) => {
        const storeItem = storeItems.get(id)
        return {
          price_data: {
            currency: "usd",
            product_data: {
              name: storeItem.name,
            },
            unit_amount: storeItem.priceInCents,
          },
          quantity: quantity,
        }
      }),
      mode: "payment",
      // Set a success and cancel URL we will send customers to
      // These must be full URLs
      // In the next section we will setup CLIENT_URL
      success_url: `${process.env.CLIENT_URL}/success.html`,
      cancel_url: `${process.env.CLIENT_URL}/cancel.html`,
    })

    res.json({ url: session.url })
  } catch (e) {
    // If there is an error send it to the client
    res.status(500).json({ error: e.message })
  }
})
      2 trên 1000
    • // Initiate a POST request to the server
// If the server is on a different domain than the client
// then this needs to be the full url
// http://localhost:3000/create-checkout-session
fetch("/create-checkout-session", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  // Send along all the information about the items
  body: JSON.stringify({
    items: [
      {
        id: 1,
        quantity: 2,
      },
      {
        id: 2,
        quantity: 1,
      },
    ],
  }),
})
  .then(res => {
    if (res.ok) return res.json()
    // If there is an error then make sure we catch that
    return res.json().then(e => Promise.reject(e))
  })
  .then(({ url }) => {
    // On success redirect the customer to the returned URL
    window.location = url
  })
  .catch(e => {
    console.error(e.error)
  })
      2. Đây là số lượng mặt hàng mà khách hàng muốn mua

Cuối cùng, sau khi chúng tôi tạo phiên, chúng tôi có thể lấy URL từ phiên đó và gửi cho khách hàng của mình. URL này sẽ hướng người dùng đến trang thanh toán của Stripe nơi họ có thể nhập tất cả thông tin thanh toán của mình

Hoàn thiện

Đây là tất cả mã chúng ta cần viết cho dự án, nhưng chúng ta vẫn cần hoàn tất việc thiết lập các biến môi trường của mình. Để làm điều này, chúng tôi có thể tạo một tệp có tên 

// Create a post request for /create-checkout-session
app.post("/create-checkout-session", async (req, res) => {
  try {
    // Create a checkout session with Stripe
    const session = await stripe.checkout.sessions.create({
      payment_method_types: ["card"],
      // For each item use the id to get it's information
      // Take that information and convert it to Stripe's format
      line_items: req.body.items.map(({ id, quantity }) => {
        const storeItem = storeItems.get(id)
        return {
          price_data: {
            currency: "usd",
            product_data: {
              name: storeItem.name,
            },
            unit_amount: storeItem.priceInCents,
          },
          quantity: quantity,
        }
      }),
      mode: "payment",
      // Set a success and cancel URL we will send customers to
      // These must be full URLs
      // In the next section we will setup CLIENT_URL
      success_url: `${process.env.CLIENT_URL}/success.html`,
      cancel_url: `${process.env.CLIENT_URL}/cancel.html`,
    })

    res.json({ url: session.url })
  } catch (e) {
    // If there is an error send it to the client
    res.status(500).json({ error: e.message })
  }
})
4 ở thư mục gốc của máy chủ của chúng tôi. Bên trong tệp đó, chúng tôi muốn lưu trữ các cặp giá trị khóa cho khóa riêng Stripe và url máy chủ của chúng tôi

// Initiate a POST request to the server
// If the server is on a different domain than the client
// then this needs to be the full url
// http://localhost:3000/create-checkout-session
fetch("/create-checkout-session", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  // Send along all the information about the items
  body: JSON.stringify({
    items: [
      {
        id: 1,
        quantity: 2,
      },
      {
        id: 2,
        quantity: 1,
      },
    ],
  }),
})
  .then(res => {
    if (res.ok) return res.json()
    // If there is an error then make sure we catch that
    return res.json().then(e => Promise.reject(e))
  })
  .then(({ url }) => {
    // On success redirect the customer to the returned URL
    window.location = url
  })
  .catch(e => {
    console.error(e.error)
  })
8

Bây giờ để lấy khóa riêng của Stripe, bạn chỉ cần truy cập bảng điều khiển tài khoản Stripe của mình trong phần Nhà phát triển trong thanh bên và nhấp vào Khóa API. Tại đây bạn có thể xem khóa bí mật của mình. Tuy nhiên, điều quan trọng cần lưu ý là Stripe có chế độ thử nghiệm và trực tiếp, và bạn sẽ muốn đảm bảo rằng bạn nhấp vào nút chuyển đổi Xem dữ liệu thử nghiệm trong thanh bên để truy cập khóa API thử nghiệm của bạn để sử dụng trong quá trình phát triển

Với khóa API này, bạn có thể tạo các khoản phí sẽ hiển thị trong phần dữ liệu thử nghiệm của tài khoản Stripe mà không thực sự tiêu bất kỳ khoản tiền thật nào. Nếu bạn muốn thử tính phí thành công, chỉ cần sử dụng thẻ có số 4242 4242 4242 4242, ngày hết hạn trong tương lai và bất kỳ CVC nào. Stripe cũng có rất nhiều thẻ khác mà bạn có thể sử dụng để kiểm tra dẫn đến các thông báo lỗi/thành công khác nhau. Bạn có thể xem tất cả chúng ở đây

Sự kết luận

Đó là tất cả những gì cần thiết để thiết lập Stripe trong ứng dụng của bạn. Chỉ với một vài dòng mã, giờ đây bạn có thể chấp nhận thanh toán trong giao diện người dùng được thiết kế đẹp mắt do Stripe cung cấp

programming nodejs

Bài Viết Liên Quan

Bị tiêu chảy buồn nôn là bệnh gì năm 2024
Bị tiêu chảy buồn nôn là bệnh gì năm 2024

là ai
Hướng dẫn 36 về thể thức văn bản năm 2024
Hướng dẫn 36 về thể thức văn bản năm 2024

mẹo hay Mẹo Hay Hướng dẫn
Vở bài tập tiếng việt lớp 2 trang 15 năm 2024
Vở bài tập tiếng việt lớp 2 trang 15 năm 2024

mẹo hay Khỏe Đẹp Bài tập
Trích luch chứng-thư thế vì hộ tịch là gì năm 2024
Trích luch chứng-thư thế vì hộ tịch là gì năm 2024

là ai Hỏi Đáp Là gì Luật hộ tịch
Bài văn biểu cảm số 3 tả mẹ năm 2024
Bài văn biểu cảm số 3 tả mẹ năm 2024

mẹo hay
Giải bài 21 sgk toán 10 tập 1 trang 23 năm 2024
Giải bài 21 sgk toán 10 tập 1 trang 23 năm 2024

mẹo hay
Mã số thư bạn muốn hồi đáp là gì năm 2024
Mã số thư bạn muốn hồi đáp là gì năm 2024

là ai Hỏi Đáp Là gì
Sửa lỗi không vào đc game honkai impact 3 năm 2024
Sửa lỗi không vào đc game honkai impact 3 năm 2024

mẹo hay Game Honkai: Star Rail HoYoLAB
Thôn yên lộc xã nga yên nga sơn thanh hóa năm 2024
Thôn yên lộc xã nga yên nga sơn thanh hóa năm 2024

mẹo hay
Phí giám định và xin c o là gì năm 2024
Phí giám định và xin c o là gì năm 2024

là ai Hỏi Đáp Là gì
Kiểm tra lỗi chính tả tự động trong word năm 2024
Kiểm tra lỗi chính tả tự động trong word năm 2024

mẹo hay
Bài tập viết phương trình đường tròn lớp 10 violet năm 2024
Bài tập viết phương trình đường tròn lớp 10 violet năm 2024

mẹo hay Khỏe Đẹp Bài tập Học Tốt Phương trình
Em muốn ta là gì mp3 năm 2024
Em muốn ta là gì mp3 năm 2024

là ai Hỏi Đáp Là gì
Bạn học kế toán nên tặng quà gì năm 2024
Bạn học kế toán nên tặng quà gì năm 2024

mẹo hay Học Tốt Học
Cổng kết nối bluetooth v4.0 orico là gì năm 2024
Cổng kết nối bluetooth v4.0 orico là gì năm 2024

là ai Hỏi Đáp Là gì Orico BTA-403 USB Bluetooth Dongle Bluetooth orico bta-403 driver
Bai soan toán tach gọp nhóm có 4 đối tượng năm 2024
Bai soan toán tach gọp nhóm có 4 đối tượng năm 2024

mẹo hay
24 11 thẻ atm agibank lỗi không rút được tiền năm 2024
24 11 thẻ atm agibank lỗi không rút được tiền năm 2024

mẹo hay
Các dạng bài taaph hóa học cho hsg hóa 9 năm 2024
Các dạng bài taaph hóa học cho hsg hóa 9 năm 2024

mẹo hay Học Tốt Học
Số 12 tiếng anh đọc là gì năm 2024
Số 12 tiếng anh đọc là gì năm 2024

là ai Hỏi Đáp Là gì Học Tốt Tiếng anh
Bài văn tả về cây chuối lớp 4 năm 2024
Bài văn tả về cây chuối lớp 4 năm 2024

mẹo hay

Quảng Cáo

Có thể bạn quan tâm

Bài tập về thì hiện tại hoàn thành lớp 7 năm 2024
1 ngày trước . bởi FloatingMachinery
Nguyên tố là gì lớp 8 năm 2024
1 ngày trước . bởi HystericalOrientation
Bài tập về phép liệt kê lớp 7 năm 2024
1 ngày trước . bởi SneakyIniquity
Tỷ giá xuất quỹ ngoại tệ là gì năm 2024
1 ngày trước . bởi TastelessNursery
Cách ghi tài liệu tham khảo luận văn thạc sĩ năm 2024
1 ngày trước . bởi One-wayThicket
Giải sgk toán 5 trang 77 luyện tập năm 2024
1 ngày trước . bởi ObjectionableImmunity
Các chuyên đề và bài tập toán 6 năm 2024
1 ngày trước . bởi Year-endWithholding
Biểu cam kết wto tiếng anh là gì năm 2024
1 ngày trước . bởi SpindlyTuesday
Hạch toán hóa đơn gia công vào giá vốn năm 2024
1 ngày trước . bởi MoralDaddy
Phim thiên đường tội lỗi tập 15 thuyết minh năm 2024
1 ngày trước . bởi GreatBarrister

Toplist được quan tâm

#1
Top 9 tập bản đồ lớp 8 bài 31 2023
5 tháng trước
#2
Top 6 kết quả thi hsg đà nẵng 2022 2023
5 tháng trước
#3
Top 9 tủ nhựa đài loan 4 cánh 3d 2023
5 tháng trước
#4
Top 9 chất khí có thể làm mất màu dung dịch nước brom là: a. so2. b. co2. c. o2. d. hcl. 2023
5 tháng trước
#5
Top 8 tìm việc làm tiện, phay bảo q7 2023
5 tháng trước
#6
Top 3 tôi xuyên thành tiểu kiều the của lão đại phản 2 2023
5 tháng trước
#7
Top 9 đổi mới phong cách, thái độ phục vụ của cán bộ y tế hướng tới sự hài lòng của người bệnh 2023
5 tháng trước
#8
Top 2 bài the dục phát triển chung lớp 6 2022 2023
5 tháng trước
#9
Top 3 bài giảng vũ điệu sắc màu (lớp 4) 2023
5 tháng trước

Quảng cáo

Xem Nhiều

Giải bài 85 sgk toán 8 trang 109 năm 2024
1 tuần trước . bởi Anti-inflationFinale
D là ký hiệu gì trong hóa học năm 2024
4 ngày trước . bởi PreposterousTheology
Top diễn viên nam u 50 ấn độ nổi tiếng năm 2024
5 ngày trước . bởi ForthrightBallet
Chuyên viên tư vấn khách hàng doanh nghiệpn là gì năm 2024
6 ngày trước . bởi UncaringDigress
Nhà hàng phố đêm 346 phạm văn đồng năm 2024
1 ngày trước . bởi UnregulatedIntersection
Ngôn ngữ dịch sang tiếng anh là gì năm 2024
5 ngày trước . bởi UnsuccessfulFooting
Bài 42 vật lí 9 sách bài tập năm 2024
12 giờ trước . bởi One-manReceptor
Top trường có khoa marketing ở hà nội năm 2024
1 tuần trước . bởi MistyTerror
Thẻ đông á chuyển khoản 1 ngày được bao nhiêu năm 2024
6 ngày trước . bởi FragrantLowry
Stay at home mom là gì năm 2024
4 ngày trước . bởi BumperScenario

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội

DMCA.com Protection Status
Bản quyền © 2021 Xây Nhà Inc.