Runtime Error: Class extends value [object Object] is not a constructor or null
Runtime Error: Class extends value [object Object] is not a constructor or null
我想使用 ionic 3 复制 braintree 演示应用程序。
我已经用...导入了 braintree
import * as braintree from 'braintree';
但我无法连接到 braintree。
消息内容为... "Runtime Error: Class extends value [object Object] is not a constructor or null"
这是我的ts文件中的代码
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, ViewController } from 'ionic-angular';
import * as braintree from 'braintree';
@IonicPage()
@Component({
selector: 'page-apply',
templateUrl: 'apply.html',
})
export class ApplyPage {
gateway: any;
constructor(public navCtrl: NavController, public navParams: NavParams, public viewCtrl: ViewController) {
this.gateway = braintree.connect({
environment: braintree.Environment.Sandbox,
merchantId: 'personalMerchantId',
publicKey: 'personalPublicKey',
privateKey: 'personalPrivateKey'
});
}
ionViewDidLoad() {
console.log('ionViewDidLoad ApplyPage');
}
}
这是模块index.js文件中的代码
'use strict';
module.exports = require('./lib/braintree');
并且此代码位于 braintree.js 文件中,其中 index.js 指向
'use strict';
let version = require('../package.json').version;
let Config = require('./braintree/config').Config;
let Environment = require('./braintree/environment').Environment;
let BraintreeGateway = require('./braintree/braintree_gateway').BraintreeGateway;
let errorTypes = require('./braintree/error_types').errorTypes;
let Transaction = require('./braintree/transaction').Transaction;
let CreditCard = require('./braintree/credit_card').CreditCard;
let PayPalAccount = require('./braintree/paypal_account').PayPalAccount;
let AndroidPayCard = require('./braintree/android_pay_card').AndroidPayCard;
let ApplePayCard = require('./braintree/apple_pay_card').ApplePayCard;
let VenmoAccount = require('./braintree/venmo_account').VenmoAccount;
let CoinbaseAccount = require('./braintree/coinbase_account').CoinbaseAccount;
let AmexExpressCheckoutCard = require('./braintree/amex_express_checkout_card').AmexExpressCheckoutCard;
let VisaCheckoutCard = require('./braintree/visa_checkout_card').VisaCheckoutCard;
let MasterpassCard = require('./braintree/masterpass_card').MasterpassCard;
let CreditCardVerification = require('./braintree/credit_card_verification').CreditCardVerification;
let Subscription = require('./braintree/subscription').Subscription;
let MerchantAccount = require('./braintree/merchant_account').MerchantAccount;
let PaymentInstrumentTypes = require('./braintree/payment_instrument_types').PaymentInstrumentTypes;
let WebhookNotification = require('./braintree/webhook_notification').WebhookNotification;
let TestingGateway = require('./braintree/testing_gateway').TestingGateway;
let ValidationErrorCodes = require('./braintree/validation_error_codes').ValidationErrorCodes;
let CreditCardDefaults = require('./braintree/test/credit_card_defaults').CreditCardDefaults;
let CreditCardNumbers = require('./braintree/test/credit_card_numbers').CreditCardNumbers;
let MerchantAccountTest = require('./braintree/test/merchant_account').MerchantAccountTest;
let Nonces = require('./braintree/test/nonces').Nonces;
let TransactionAmounts = require('./braintree/test/transaction_amounts').TransactionAmounts;
let connect = config => new BraintreeGateway(new Config(config)); // eslint-disable-line func-style
let Test = {
CreditCardDefaults: CreditCardDefaults,
CreditCardNumbers: CreditCardNumbers,
MerchantAccountTest: MerchantAccountTest,
Nonces: Nonces,
TransactionAmounts: TransactionAmounts
};
module.exports = {
connect: connect,
version: version,
Environment: Environment,
errorTypes: errorTypes,
Transaction: Transaction,
CreditCard: CreditCard,
PayPalAccount: PayPalAccount,
AndroidPayCard: AndroidPayCard,
ApplePayCard: ApplePayCard,
VenmoAccount: VenmoAccount,
CoinbaseAccount: CoinbaseAccount,
AmexExpressCheckoutCard: AmexExpressCheckoutCard,
VisaCheckoutCard: VisaCheckoutCard,
MasterpassCard: MasterpassCard,
CreditCardVerification: CreditCardVerification,
Subscription: Subscription,
MerchantAccount: MerchantAccount,
PaymentInstrumentTypes: PaymentInstrumentTypes,
WebhookNotification: WebhookNotification,
TestingGateway: TestingGateway,
ValidationErrorCodes: ValidationErrorCodes,
Test: Test
};
这是工作 ExpressJs 演示 index.js 文件中的代码
var express = require('express');
var router = express.Router();
var braintree = require('braintree');
var gateway = braintree.connect({
environment: braintree.Environment.Sandbox,
merchantId: 'personalMerchantID',
publicKey: 'personalPublicKey',
privateKey: 'personal_PrivateKey'
});
router.get('/', function(req, res) {
gateway.clientToken.generate({}, function(err, response) {
var token = response.clientToken;
res.render('index', {token : token});
});
});
router.post('/add', function(req, res) {
var merchant_id = req.body.merchant_id;
var bank_account = req.body.bank_account;
var bank_routing = req.body.bank_routing;
var merchantAccountParams = {
individual: {
firstName: "Jane",
lastName: "Doe",
email: "jane@14ladders.com",
phone: "5553334444",
dateOfBirth: "1981-11-19",
ssn: "456-45-4567",
address: {
streetAddress: "111 Main St",
locality: "Chicago",
region: "IL",
postalCode: "60622"
}
},
funding: {
destination: braintree.MerchantAccount.FundingDestination.Bank,
accountNumber: bank_account,
routingNumber: bank_routing
},
tosAccepted: true,
masterMerchantAccountId: "_my_personal_master_merchant_account_ID",
id: merchant_id
};
gateway.merchantAccount.create(merchantAccountParams, function (err, result) {
res.render('addResult', {result: result});
});
});
router.get('/find', function(req, res) {
var merchant_id = req.query.merchant_id;
gateway.merchantAccount.find(merchant_id, function(err, result) {
res.render('findResult', {result: result, merchant_id: merchant_id});
});
});
router.post('/process', function(req, res) {
var nonce = req.body.payment_method_nonce;
var total = req.body.total;
var service = req.body.service;
var merchant_id = req.body.merchant_id;
gateway.transaction.sale({
amount: total,
merchantAccountId: merchant_id,
paymentMethodNonce: nonce,
serviceFeeAmount: service
}, function (err, result) {
res.render('processResult', {result: result});
});
});
module.exports = router;
同样,上面的代码是由 braintree 生成的。我确定仅用于演示目的。
您似乎没有使用上述实现的任何插件。所以你要用one.This就是Braintree Cordova Plugin.
npm install plist
npm install xcode
cordova platform remove ios
cordova plugin add https://github.com/taracque/cordova-plugin-braintree
cordova platform add ios
在这里您可以看到如何将 添加到 Ionic 应用程序。
你不应该这样做。
通过在移动客户端中包含 Braintree 节点服务器库,您会将您的私钥暴露给使用该应用程序的任何人。这是非常不安全的。
相反,您应该有一个服务器,您可以在其中接受您的应用程序生成的随机数来处理交易。 @Sampath 发布的 Braintree Cordova 插件看起来是在您的应用程序中生成随机数的合理方法。
我想使用 ionic 3 复制 braintree 演示应用程序。
我已经用...导入了 braintree
import * as braintree from 'braintree';
但我无法连接到 braintree。
消息内容为... "Runtime Error: Class extends value [object Object] is not a constructor or null"
这是我的ts文件中的代码
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, ViewController } from 'ionic-angular';
import * as braintree from 'braintree';
@IonicPage()
@Component({
selector: 'page-apply',
templateUrl: 'apply.html',
})
export class ApplyPage {
gateway: any;
constructor(public navCtrl: NavController, public navParams: NavParams, public viewCtrl: ViewController) {
this.gateway = braintree.connect({
environment: braintree.Environment.Sandbox,
merchantId: 'personalMerchantId',
publicKey: 'personalPublicKey',
privateKey: 'personalPrivateKey'
});
}
ionViewDidLoad() {
console.log('ionViewDidLoad ApplyPage');
}
}
这是模块index.js文件中的代码
'use strict';
module.exports = require('./lib/braintree');
并且此代码位于 braintree.js 文件中,其中 index.js 指向
'use strict';
let version = require('../package.json').version;
let Config = require('./braintree/config').Config;
let Environment = require('./braintree/environment').Environment;
let BraintreeGateway = require('./braintree/braintree_gateway').BraintreeGateway;
let errorTypes = require('./braintree/error_types').errorTypes;
let Transaction = require('./braintree/transaction').Transaction;
let CreditCard = require('./braintree/credit_card').CreditCard;
let PayPalAccount = require('./braintree/paypal_account').PayPalAccount;
let AndroidPayCard = require('./braintree/android_pay_card').AndroidPayCard;
let ApplePayCard = require('./braintree/apple_pay_card').ApplePayCard;
let VenmoAccount = require('./braintree/venmo_account').VenmoAccount;
let CoinbaseAccount = require('./braintree/coinbase_account').CoinbaseAccount;
let AmexExpressCheckoutCard = require('./braintree/amex_express_checkout_card').AmexExpressCheckoutCard;
let VisaCheckoutCard = require('./braintree/visa_checkout_card').VisaCheckoutCard;
let MasterpassCard = require('./braintree/masterpass_card').MasterpassCard;
let CreditCardVerification = require('./braintree/credit_card_verification').CreditCardVerification;
let Subscription = require('./braintree/subscription').Subscription;
let MerchantAccount = require('./braintree/merchant_account').MerchantAccount;
let PaymentInstrumentTypes = require('./braintree/payment_instrument_types').PaymentInstrumentTypes;
let WebhookNotification = require('./braintree/webhook_notification').WebhookNotification;
let TestingGateway = require('./braintree/testing_gateway').TestingGateway;
let ValidationErrorCodes = require('./braintree/validation_error_codes').ValidationErrorCodes;
let CreditCardDefaults = require('./braintree/test/credit_card_defaults').CreditCardDefaults;
let CreditCardNumbers = require('./braintree/test/credit_card_numbers').CreditCardNumbers;
let MerchantAccountTest = require('./braintree/test/merchant_account').MerchantAccountTest;
let Nonces = require('./braintree/test/nonces').Nonces;
let TransactionAmounts = require('./braintree/test/transaction_amounts').TransactionAmounts;
let connect = config => new BraintreeGateway(new Config(config)); // eslint-disable-line func-style
let Test = {
CreditCardDefaults: CreditCardDefaults,
CreditCardNumbers: CreditCardNumbers,
MerchantAccountTest: MerchantAccountTest,
Nonces: Nonces,
TransactionAmounts: TransactionAmounts
};
module.exports = {
connect: connect,
version: version,
Environment: Environment,
errorTypes: errorTypes,
Transaction: Transaction,
CreditCard: CreditCard,
PayPalAccount: PayPalAccount,
AndroidPayCard: AndroidPayCard,
ApplePayCard: ApplePayCard,
VenmoAccount: VenmoAccount,
CoinbaseAccount: CoinbaseAccount,
AmexExpressCheckoutCard: AmexExpressCheckoutCard,
VisaCheckoutCard: VisaCheckoutCard,
MasterpassCard: MasterpassCard,
CreditCardVerification: CreditCardVerification,
Subscription: Subscription,
MerchantAccount: MerchantAccount,
PaymentInstrumentTypes: PaymentInstrumentTypes,
WebhookNotification: WebhookNotification,
TestingGateway: TestingGateway,
ValidationErrorCodes: ValidationErrorCodes,
Test: Test
};
这是工作 ExpressJs 演示 index.js 文件中的代码
var express = require('express');
var router = express.Router();
var braintree = require('braintree');
var gateway = braintree.connect({
environment: braintree.Environment.Sandbox,
merchantId: 'personalMerchantID',
publicKey: 'personalPublicKey',
privateKey: 'personal_PrivateKey'
});
router.get('/', function(req, res) {
gateway.clientToken.generate({}, function(err, response) {
var token = response.clientToken;
res.render('index', {token : token});
});
});
router.post('/add', function(req, res) {
var merchant_id = req.body.merchant_id;
var bank_account = req.body.bank_account;
var bank_routing = req.body.bank_routing;
var merchantAccountParams = {
individual: {
firstName: "Jane",
lastName: "Doe",
email: "jane@14ladders.com",
phone: "5553334444",
dateOfBirth: "1981-11-19",
ssn: "456-45-4567",
address: {
streetAddress: "111 Main St",
locality: "Chicago",
region: "IL",
postalCode: "60622"
}
},
funding: {
destination: braintree.MerchantAccount.FundingDestination.Bank,
accountNumber: bank_account,
routingNumber: bank_routing
},
tosAccepted: true,
masterMerchantAccountId: "_my_personal_master_merchant_account_ID",
id: merchant_id
};
gateway.merchantAccount.create(merchantAccountParams, function (err, result) {
res.render('addResult', {result: result});
});
});
router.get('/find', function(req, res) {
var merchant_id = req.query.merchant_id;
gateway.merchantAccount.find(merchant_id, function(err, result) {
res.render('findResult', {result: result, merchant_id: merchant_id});
});
});
router.post('/process', function(req, res) {
var nonce = req.body.payment_method_nonce;
var total = req.body.total;
var service = req.body.service;
var merchant_id = req.body.merchant_id;
gateway.transaction.sale({
amount: total,
merchantAccountId: merchant_id,
paymentMethodNonce: nonce,
serviceFeeAmount: service
}, function (err, result) {
res.render('processResult', {result: result});
});
});
module.exports = router;
同样,上面的代码是由 braintree 生成的。我确定仅用于演示目的。
您似乎没有使用上述实现的任何插件。所以你要用one.This就是Braintree Cordova Plugin.
npm install plist
npm install xcode
cordova platform remove ios
cordova plugin add https://github.com/taracque/cordova-plugin-braintree
cordova platform add ios
在这里您可以看到如何将
你不应该这样做。
通过在移动客户端中包含 Braintree 节点服务器库,您会将您的私钥暴露给使用该应用程序的任何人。这是非常不安全的。
相反,您应该有一个服务器,您可以在其中接受您的应用程序生成的随机数来处理交易。 @Sampath 发布的 Braintree Cordova 插件看起来是在您的应用程序中生成随机数的合理方法。