本文章你可以學會如何使用ionic外掛進行微信支付;

本章會分5部分來介紹如何完成一個ionic app微信支付的過程;

1.準備

ionic 環境 (安裝node.js與ionic). ionic官網(打不開的同學想辦法翻個牆);

微信開放平臺賬號,並且建立對應的移動應用,並且需要已經擁有微信支付的能力;

沒有的同學可以去微信開放平臺註冊賬號,然後登陸去搞事情;

一套填完之後,就等著稽核吧,只有稽核成功之後後面的支付才能呼叫哦;申請完我們就有AppID和AppSecret;

2.ionic 微信支付外掛

安裝外掛

ionic cordova plugin add

安裝ionic2、3呼叫

npm install wechat-chenyu --save

安裝完成後,在app.module.ts中引入

import {WechatChenyu} from "wechat-chenyu";

...

@NgModule({

  ...

  providers: [

    ...

    WechatChenyu

    ...

  ]

  ...

})

然後就是在需要的地方呼叫你的支付(別忘記 import {WechatChenyu

this.api.post('wxpay/createPay', params)

.subscribe(res => {

        //payinfo已經是json物件了,封裝了調起支付的各個引數

let payinfo: JSON = JSON.parse(res["data"]);

this.wechatChenyu.sendPaymentRequest(payinfo).then((data) => {

//成功之後的跳轉...

}, eoor => {

alert(eoor);

console.log

}

);

});

支付引數請檢視此處;引數都是後臺返回過來,請參看微信app支付的統一下單與調起支付介面;

插段java返回的引數程式碼

		Map<String, String> packageParams = new HashMap<String, String>();
		packageParams.put("appid", WxPayConfig.appid);		//應用id
		packageParams.put("partnerid", WxPayConfig.mch_id);	//商戶號
		packageParams.put("prepayid", result.get("prepay_id"));	//統一下單返回的預付款訂單號
		packageParams.put("noncestr", result.get("nonce_str"));	//統一下單返返回的隨機字串
		packageParams.put("timestamp", System.currentTimeMillis() / 1000 + "");
		packageParams.put("package", "Sign=WXPay");
		String packageSign = PaymentKit.createSign(packageParams, WxPayConfig.key);
		packageParams.put("sign", packageSign);

簽名什麼的都按微信支付文件上走就可以了;

3.app打包並使用

打包分為android和ios平臺;可參考的文章很多就不列舉了,只是強調一下,打包apk是必須要簽名,而且簽名和包名必須要與移動申請時一致;否則也是無法調起的;

一定要看微信文件;呼叫起來美滋滋

要注意這裡ionic cordova plugin add [email protected] --variable wechatappid=你的微信appid

android7及以上，請使用2.3.0版本；

我的安卓版本為[email protected]，所以使用的是2.1.0版本的微信外掛；

目前此外掛當前版本為2.3.0，版本號對不上會造成打包時報錯哦；

參考

新增微信支付    https://blog.csdn.net/m0_37609394/article/details/79023710

ios打包     https://www.jianshu.com/p/cf2d24d74349

 - - - 隨緣 - - -