razer-pay-react-native
v1.0.13
Published
support apple pay and google pay
Downloads
94
Readme
Razer-pay-react-native
install
npm i -S razer-pay-react-native
use
import { Button, StyleSheet, Text, View } from "react-native";
export default function App() {
const payHandle = () => {
console.log("111");
var molpay = require("razer-pay-react-native");
var paymentDetails = {
// Mandatory String. A value more than '1.00'
mp_amount: "0.01",
// Mandatory String. Values obtained from MOLPay
mp_username: "",
mp_password: "",
mp_merchant_ID: "",
mp_app_name: "",
mp_verification_key: "",
// Mandatory String. Payment values
mp_order_ID: "1528478556",
mp_currency: "CNY",
mp_country: "CN",
// Optional String.
mp_channel: "multi", // Use 'multi' for all available channels option. For individual channel seletion, please refer to "Channel Parameter" in "Channel Lists" in the MOLPay API Spec for Merchant pdf.
mp_bill_description: "description",
mp_bill_name: "biller name",
mp_bill_email: "[email protected]",
mp_bill_mobile: "+60123456789",
// 'mp_channel_editing': true, // Option to allow channel selection.
//'mp_editing_enabled': true, // Option to allow billing information editing.
// Optional for Escrow
// 'mp_is_escrow': '', // Optional for Escrow, put "1" to enable escrow
// Optional for credit card BIN restrictions
//'mp_bin_lock': ['414170', '414171'], // Optional for credit card BIN restrictions
//'mp_bin_lock_err_msg': 'Only UOB allowed', // Optional for credit card BIN restrictions
// For transaction request use only, do not use this on payment process
// 'mp_transaction_id': '', // Optional, provide a valid cash channel transaction id here will display a payment instruction screen.
// 'mp_request_type': '', // Optional, set 'Status' when doing a transactionRequest
// Optional, use this to customize the UI theme for the payment info screen, the original XDK custom.css file is provided at Example project source for reference and implementation.
// 'mp_custom_css_url': '',
// Optional, set the token id to nominate a preferred token as the default selection, set "new" to allow new card only
// 'mp_preferred_token': '',
// Optional, credit card transaction type, set "AUTH" to authorize the transaction
// 'mp_tcctype': '',
// Optional, set true to process this transaction through the recurring api, please refer the MOLPay Recurring API pdf
// // 'mp_is_recurring': false,
// Optional for channels restriction
// 'mp_allowed_channels': ['credit','credit3'],
// Optional for sandboxed development environment, set boolean value to enable.
// 'mp_sandbox_mode': false,
// Optional, required a valid mp_channel value, this will skip the payment info page and go direct to the payment screen.
// 'mp_express_mode': false,
// "mp_bill_description_edit_disabled": false,
// "mp_dev_mode": true
};
// start molpay payment
molpay.startMolpay(paymentDetails, function (data: any) {
console.log(data);
//console.log(paymentDetails);
console.log(JSON.stringify(data));
//callback after payment success
// c.setState({
// string: data,
// });
});
};
return (
<View style={styles.container}>
<Text>Open up App.tsx to start working on your app!</Text>
<Button
title="支付"
onPress={async () => {
payHandle();
}}
/>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: "#fff",
alignItems: "center",
justifyContent: "center",
},
});