Rumah  >  Artikel  >  hujung hadapan web  >  Cara menggunakan Alipay untuk membayar dengan uniapp

Cara menggunakan Alipay untuk membayar dengan uniapp

PHPz
PHPzasal
2023-04-17 11:27:224345semak imbas

Dalam beberapa tahun kebelakangan ini, pembayaran mudah alih telah menjadi salah satu kaedah transaksi yang lebih mudah, cepat dan selamat. Sebagai platform pembayaran mudah alih yang paling banyak digunakan di China, Alipay sangat digemari oleh pengguna. Dengan populariti uniapp (rangka kerja pembangunan merentas platform berdasarkan Vue.js), ramai pembangun juga ingin menyepadukan fungsi pembayaran Alipay ke dalam uniapp. Artikel ini akan memberikan pengenalan ringkas tentang cara menggunakan pembayaran Alipay dalam uniapp.

1. Pendaftaran Platform Terbuka Alipay

Sebelum menggunakan Alipay untuk membayar, pembangun perlu mendaftar terlebih dahulu di Platform Terbuka Alipay. Selepas memasuki platform terbuka Alipay (https://opendocs.alipay.com/open), pilih "Pendaftaran Platform Terbuka" dan isikan maklumat yang berkaitan untuk melengkapkan pendaftaran.

2. Sepadukan Alipay SDK

Selepas pendaftaran berjaya, pembangun perlu memuat turun Alipay SDK dan menyepadukannya ke dalam projek. Anda boleh mengakses Alipay SDK dengan cepat melalui alat uni-app-plus yang disediakan di tapak web rasmi uniapp. Proses menggunakan uni-app-plus adalah seperti berikut:

1 Pasang uni-app-plus

npm install -g uni-app-plus

2 projek

uni-app-plus init myApp

3 Masukkan direktori myApp dan tambahkan pemalam Alipay

cd myApp
uni-app-plus plugin add ali-pay

4 Selepas menambah pemalam, rujukan kepada pemalam Alipay akan ditambahkan secara automatik pada manifes.json:

"plugins": {
    "ali-pay": {
      "version": "1.4.4",
      "provider": "com.baidu.capacitor.alipay.AliPaySdkPlugin"
    }
},
"compilerOptions": {
    ...
    "provider": {
      "ali-pay": {
        "alias": "ap"
      }
    }
}

5 Gunakan alat HBuilderX terbina dalam uni-app-plus untuk pembangunan.

Antaranya, Alipay SDK perlu dimuat turun daripada pusat pembangun platform terbuka Alipay Selepas memuat turun, nyahzipnya untuk mendapatkan folder "AlipaySDK.framework" dan "APAuthV2Info.h", "APOrderInfo. h", "APOrderService." h" tiga fail pengepala, seretnya ke dalam folder "Destinasi" untuk melengkapkan penambahan SDK.

3. Konfigurasikan maklumat pembayaran Alipay

Selepas melengkapkan penyepaduan Alipay SDK, pembangun perlu mengkonfigurasi maklumat pembayaran Alipay. Proses khusus adalah seperti berikut:

1 Buat aplikasi pada platform terbuka Alipay dan dapatkan APP_ID, PID, PRIVATE_KEY dan maklumat lain.

2 Semasa penggunaan, konfigurasikan APPID, PARTNERID, kunci persendirian pedagang, kunci awam Alipay dan maklumat lain ke dalam projek. Contoh:

const ap = uni.requireNativePlugin('ali-pay') // 引入支付宝插件

const privateKey = `-----BEGIN RSA PRIVATE KEY-----
*****此处为商户私钥*****
-----END RSA PRIVATE KEY-----`
const aliPublicKey = `*****此处为支付宝公钥*****`

const orderInfo = { // 订单信息
    body: '测试商品',
    subject: '测试商品',
    out_trade_no: '1544665957487', // 订单号
    timeout_express: '30m',
    total_amount: '0.01'
}

4. Pelaksanaan pembayaran Alipay

Selepas melengkapkan penyepaduan Alipay SDK dan konfigurasi maklumat pembayaran Alipay, anda boleh mula menggunakan uniapp untuk melaksanakan fungsi pembayaran Alipay.

1. Mulakan pembayaran Alipay

Gunakan kaedah pay() pemalam Alipay untuk memulakan permintaan pembayaran kepada Alipay:

ap.pay({
    orderInfo: orderInfo, // 订单信息
    privateKey: privateKey, // 商户私钥
    aliPublicKey: aliPublicKey // 支付宝公钥
}, function(retJson) {
    console.log(JSON.stringify(retJson))
})

2 panggil balik

Selepas pembayaran Alipay selesai, hasil pembayaran boleh diperoleh melalui kaedah panggil balik Alipay:

document.addEventListener('AlipayPayResult', function (res) {
    // res.detail.code ==> 9000支付成功 6001取消支付 4000支付失败
    ...
})

Pada ketika ini, kami telah berjaya melaksanakan fungsi menggunakan pembayaran Alipay dalam uniapp . Secara umumnya, hanya sejumlah kecil konfigurasi dan penulisan kod diperlukan untuk melengkapkan fungsi ini, yang membawa kemudahan besar kepada pembangun.

Pada masa hadapan, permintaan untuk pembayaran mudah alih akan menjadi lebih tinggi dan lebih tinggi Sebagai rangka kerja pembangunan merentas platform, integrasi uniapp dengan Alipay SDK akan mempunyai nilai aplikasi yang sangat tinggi.

Atas ialah kandungan terperinci Cara menggunakan Alipay untuk membayar dengan uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn