React-native-payjp NPM

react-native-payjp

PAY.JP の cardtoken を React Native アプリで使うためのコンポーネントです。

インストール方法

npm install --save react-native-payjp

パッケージをインストール後、次のコマンドを実行してください。

react-native link react-native-payjp

以上でAndroid向けのインストールは完了です。

iOSの場合は、続いてXcodeでReactNativeのプロジェクトファイルを開いてプロジェクトに空のswiftファイルとbridging-headerを追加してください。これはSwiftで書かれているPAYJPのライブラリを実行するために Swift標準ライブラリをアプリに組み込むためです。

使用例

import Payjp from 'react-native-payjp';

class App extends Component {
    render() {
        //パブリックキーをセット
        Payjp.setPublicKey("pk_test_c62fade9d045b54cd76d7036");
        //トークンを作成
        Payjp.createToken(
            "4242424242424242", //カード番号
            "123",              //CVC
            "12",               //月
            "2020",             //年
            "TARO YAMADA")      //名前
            .then((res)=>{
                console.log("token:", res); //resに"error"かトークンの文字列が返ります。
            });
            ...
        return (
            ...
        )