PC 軟體 /Web 網站 / 小程式 / 手機 App 產品如何增加個人收款介面

接入前準備

• 通過 XorPay 註冊個人收款介面，原理是幫助你簽約支付寶和微信（不需要營業執照）支援個人支付寶和個人微信支付介面，大概幾分鐘可以開通，開通後即可永久使用

PC 網站接入

• 效果：使用者點選支付後，前端ajax 請求你的後臺，你後臺再請求 xorpay 支付介面返回支付二維碼到前臺，頁面展示微信或者支付寶二維碼，使用者用手機微信或支付寶掃碼支付
• 介面：可以使用 JSAPI / Native / 收銀臺 / 支付寶當面付 支付介面
• JSAPI 支付，通過構造二維碼，使用者微信掃碼後在開啟自己伺服器的頁面，再在這頁面通過 JSAPI 拉起微信支付
• 收銀臺支付，效果和 JSAPI 一樣，更簡單，不用自己請求獲取 openid，直接在 xorpay 的頁面下發起支付
• Native 支付，前端 ajax 請求自己後端的介面，後端介面請求 xorpay 支付介面，返回支付二維碼，使用者微信掃碼後支付
• 支付寶當面付，方法同 Native 介面

PC 軟體

• 效果：使用者點選支付後，前端網路請求你的後臺，你後臺再請求 xorpay 支付介面返回支付二維碼到前臺，頁面展示微信或者支付寶二維碼，使用者用手機微信或支付寶掃碼支付
• 介面：可以使用 JSAPI / Native / 收銀臺 / 支付寶當面付 支付介面
• JSAPI 支付，通過構造二維碼，使用者微信掃碼後在開啟自己伺服器的頁面，再在這頁面通過 JSAPI 拉起微信支付
• 收銀臺支付，效果和 JSAPI 一樣，更簡單，不用自己請求獲取 openid，直接在 xorpay 的頁面下發起支付
• Native 支付，前端 ajax 請求自己後端的介面，後端介面請求 xorpay 支付介面，返回支付二維碼，使用者微信掃碼後支付
• 支付寶當面付，方法同 Native 介面

手機網站接入

• 效果：因為個人的微信介面沒有 h5 功能（個人支付寶當面付可以 h5），所以只能掃碼
• 介面：可以使用 JSAPI / 收銀臺 / 支付寶當面付 支付介面
• JSAPI 支付
  • 通過構造二維碼，使用者微信掃碼（或者截圖相簿識別）後在開啟你的一個頁面
  • 你頁面重定向 openid 介面獲取 openid 後跳會跳回你的頁面
  • 然後你的這個頁面後臺帶 openid 呼叫 JSAPI 介面獲取支付引數，並返回到前端
  • 前端再拉起微信支付
• 收銀臺支付，效果和 JSAPI 一樣，更簡單，不用自己請求獲取 openid，直接在 xorpay 的頁面下發起支付
• 支付寶當面付，後臺請求介面，返回支付二維碼，使用者支付寶掃碼（或者截圖相簿識別）後支付；也可以跳轉 qr 地址，拉起支付寶 app 支付

小程式接入

• 效果：使用者點選支付後，跳轉 xorpay 收銀臺 小程式支付，支付完成後自動跳回你的小程式
• 介面：可以使用 小程式 支付介面

手機 app

• 效果：因為個人的微信介面沒有 h5 功能（個人支付寶當面付可以 h5），所以只能掃碼
• 介面：可以使用 JSAPI / 收銀臺 / 支付寶當面付 支付介面
• JSAPI 支付
  • 通過構造二維碼，使用者微信掃碼（或者截圖相簿識別）後在開啟你的一個頁面
  • 你頁面重定向 openid 介面獲取 openid 後跳會跳回你的頁面
  • 然後你的這個頁面後臺帶 openid 呼叫 JSAPI 介面獲取支付引數，並返回到前端
  • 前端再拉起微信支付
• 收銀臺支付，效果和 JSAPI 一樣，更簡單，不用自己請求獲取 openid，直接在 xorpay 的頁面下發起支付
• 支付寶當面付，後臺請求介面，返回支付二維碼，使用者支付寶掃碼（或者截圖相簿識別）後支付；也可以跳轉 qr 地址，拉起支付寶 app 支付