• H5调起IOS原生商店支付


    参考文档:http://www.html5plus.org/doc/zh_cn/payment.html

    申请内购项目摘自 https://www.jianshu.com/p/1e79bfbe46e2

    <template>
      <div id="app">
        <h3 @click="pay(ids[0])"></h3>
      </div>
    </template>
    
    <script>
        export default {
          data() {
            return {
               iap: {},
               ids: ["donation6","donation"],//应用内购项目,需要申请
            }
          },
         created() {
             document.addEventListener("plusready", function() {
                //console.log("所有plus api都应该在此事件发生后调用,否则会出现plus is undefined。"
             });
             document.addEventListener("plusready",this.plusReady(),false);
         },
         methods: {
          plusReady() {
          let _this = this;
          // 获取支付通道
          plus.payment.getChannels(
            function(channels) {
              for (var i in channels) {
                var channel = channels[i];
                // 用于标识支付通道: "alipay" - 表示支付宝; "wxpay" - 表示微信支付; "appleiap" - 表示苹果应用内支付; "qhpay" - 表示360聚合支付(仅360手助流应用环境下支持)。
                if (channel.id === "appleiap") {
                  _this.iap = channel;
                  _this.requestOrder();
                }
              }
            },
            function(e) {
              console.log("获取支付通道失败:" + e.message);
            }
          );
        },
        requestOrder() {
          let _this = this;
          plus.nativeUI.showWaiting("检测支付环境...");
          _this.iap.requestOrder(_this.ids,function(e) {
              plus.nativeUI.closeWaiting();
              console.log("requestOrder success: " + JSON.stringify(e));
            },function(e) {
              console.log("requestOrder failed: " + JSON.stringify(e));
              plus.nativeUI.closeWaiting();
              plus.nativeUI.confirm("错误信息:" + JSON.stringify(e),
                function(e) {
                  if (e.index == 0) {
                    _this.requestOrder();
                  } else {
                    // back();
                  }
                },
                "重新请求支付",["确定", "取消"]
              );
            }
          );
        },
        // 支付
        pay(id) {
          let _this = this;
          plus.nativeUI.showWaiting("", {style: "black",background: "rgba(0,0,0,0)"});
          plus.payment.request(_this.iap,{ productid: id },function(result) {
            plus.nativeUI.closeWaiting();
              _this.fetchPayStatus(result);
            },
            function(e) {
              console.log("错误信息",e)
              plus.nativeUI.closeWaiting();
              plus.nativeUI.alert(
                "错误信息:" + e.message,
                null,
                "支付失败:" + e.code
              );
            }
          );
        },
        fetchPayStatus(result) {
          // let ordercode = window.location.href.split("ordercode=")[1]; //收集支付需要专递的参数
          // console.log("ordercode", ordercode);
          axios({
            method: "post",
            url: "https://pay.52xxxxxdd.cn/PaiyxApxxxxxple/appxxxxxxcion",//换成自己请求支付的接口
            headers: {
              "Content-Type": "application/x-www-form-urlencoded",
              Accept: "application/json, text/plain, */*"
            },
            data: `transactionId=${result.transactionIdentifier}&receipt=${result.transactionReceipt}`,//传递的参数
          })
          // .then(res => {
          //   if(res.data.code === 1){
          //     window.location.href = `${window.location.origin}/bzjp/detail.html?ordercode=${ordercode}`;
          //   }
          // });
        },
      }
    }
    </script>

     

  • 相关阅读:
    时间形式的转换
    vue 按enter键 进行搜索或者表单提交
    关于Cookie 关于前端存储数据
    复杂数组去重
    蜜蜂
    MongoDB学习记录一
    python 基础 day03—函数
    python 基础 day03—文件操作
    python 基础 day02—列表List / 元组Tuple
    python 基础 day02—初识模块
  • 原文地址:https://www.cnblogs.com/tlfe/p/11224625.html
Copyright © 2020-2023  润新知