サンプルコード（JavaScript）

  APIテストフォーム

APIのサンプルコード集です。

  • 簡易的な動作テストを目的としたものでセキュリティ的な配慮が必要なため、外部にこのまま公開することは避けてください。
  • 最新の仕様が反映されていない（このままでは動かない）場合があります。

会員API サンプルコード

ファイル構成

┬01_member_api_search_test.html
├02_member_api_entry_test.html
├03_member_api_modify_test.html
├04_member_api_delete_test.html
├11_auth_test.html
├12_search_test.html
├13_entry_test.html
├14_modify_test.html
└15_delete_test.html

01_member_api_search_test.html

<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<META HTTP-EQUIV='CONTENT-LANGUAGE' CONTENT='ja'>
<title>会員API検索テスト用HTML</title>
</head>
<frameset rows="200,320,*">
    <frame src="11_auth_test.html" frameborder="1" name="auth_frame">
    <frame src="12_search_test.html" frameborder="1" name="search_frame">
    <frame frameborder="0" name="target_frame">
</frameset>
</html>

02_member_api_entry_test.html

<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<META HTTP-EQUIV='CONTENT-LANGUAGE' CONTENT='ja'>
<title>会員API登録テスト用HTML</title>
</head>
<frameset rows="200,400,*">
    <frame src="11_auth_test.html" frameborder="1" name="auth_frame">
    <frame src="13_entry_test.html" frameborder="1" name="search_frame">
    <frame frameborder="0" name="target_frame">
</frameset>
</html>

03_member_api_modify_test.html

<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<META HTTP-EQUIV='CONTENT-LANGUAGE' CONTENT='ja'>
<title>会員API更新テスト用HTML</title>
</head>
<frameset rows="200,320,*">
    <frame src="11_auth_test.html" frameborder="1" name="auth_frame">
    <frame src="14_modify_test.html" frameborder="1" name="modify_frame">
    <frame frameborder="0" name="target_frame">
</frameset>
</html>

04_member_api_delete_test.html

<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<META HTTP-EQUIV='CONTENT-LANGUAGE' CONTENT='ja'>
<title>会員API削除テスト用HTML</title>
</head>
<frameset rows="200,200,*">
    <frame src="11_auth_test.html" frameborder="1" name="auth_frame">
    <frame src="15_delete_test.html" frameborder="1" name="delete_frame">
    <frame frameborder="0" name="target_frame">
</frameset>
</html>

11_auth_test.html

<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<META HTTP-EQUIV='CONTENT-LANGUAGE' CONTENT='ja'>
<title>auth_test</title>
</head>
<body>
<form name="form1" action="https://www.makeshop.jp/api/member/auth/" method="GET">
<table>
<tr><td colspan="2"><h3>会員API 会員アクセストークン発行テスト用フォーム</h3></td>
<tr><td>shop_id:</td><td><input type="text" name="shop_id" value="" ></td></tr>
<tr><td>auth_code:</td><td><input type="text" size="40" name="auth_code" value="" ></td></tr>
<tr><td>process:</td><td><input type="text" name="process" value="search" ></td></tr>
<tr><td>response_format:</td><td><input type="text" name="response_format" value="xml" ></td></tr>
<tr><td colspan="2" align="center"><input type="button" name="btn_sub" onclick="javascript:send();" value="送信"></td></tr>
</table>
</form>
<form name="form2" action="https://www.makeshop.jp/api/member/auth/" method="POST" target="target_frame">
<input type="hidden" name="shop_id" value="" >
<input type="hidden" name="auth_code" value="" >
<input type="hidden" name="process" value="">
<input type="hidden" name="response_format" value="" >
</form>
<script type="text/javascript">
function send(){
    var f1_length = document.form1.length;
    var f2_length = document.form2.length;
    for (var i = 0; i < f1_length; i++) {
        var elm = document.form1.elements[i];
        for (var j = 0; j < f2_length; j++) {
            var elm2 = document.form2.elements[j];
            if (elm2.getAttribute("name") == elm.getAttribute("name")) {
                elm2.value = encodeURIComponent(elm.value);
            }
        }
    }
    document.form2.submit();
}
</script>
</body>
</html>

12_search_test.html

<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<META HTTP-EQUIV='CONTENT-LANGUAGE' CONTENT='ja'>
<title>search_test</title>
</head>
<body>
<form name="form0">
<table>
<tr><td colspan="2"><h3>会員API 会員情報取得テスト用フォーム</h3></td>
<tr><td>access_url:</td><td><input type="text" name="access_url" size="120" value="" ></td></tr>
</form>
<form name="form1" action="https://www.makeshop.jp/api/member/search/">
<tr><td>response_format:</td><td><input type="text" name="response_format" value="xml" ></td></tr>
<tr><td>member_id:</td><td><input type="text" name="member_id" value="" ></td></tr>
<tr><td>group_id:</td><td><input type="text" name="group_id" value="" ></td></tr>
<tr><td>join_date_from:</td><td><input type="text" name="join_date_from" value="" ></td></tr>
<tr><td>join_date_to:</td><td><input type="text" name="join_date_to" value="" ></td></tr>
<tr><td>display_delete_member:</td><td><input type="text" name="display_delete_member" value="0" ></td></tr>
<tr><td>display_page:</td><td><input type="text" name="display_page" value="" ></td></tr>
<tr><td>sort_order:</td><td><input type="text" name="sort_order" value="" ></td></tr>
<tr><td colspan="2" align="center"><input type="button" name="btn_sub" onclick="javascript:send();" value="送信"></td></tr>
</table>
</form>
<form name="form2" method="POST" target="target_frame">
<input type="hidden" name="response_format" value="" >
<input type="hidden" name="member_id" value="" >
<input type="hidden" name="group_id" value="" >
<input type="hidden" name="join_date_from" value="" >
<input type="hidden" name="join_date_to" value="" >
<input type="hidden" name="display_delete_member" value="" >
<input type="hidden" name="display_page" value="" >
<input type="hidden" name="sort_order" value="" >
</form>
<script type="text/javascript">
function send(){
    var act = "";
    if (document.form0.access_url.value != "") {
        act = document.form0.access_url.value;
    } else {
        alert("アクセスURLを入力してください");
        return false;
    }
    document.form2.action = act;

    var f1_length = document.form1.length;
    var f2_length = document.form2.length;
    for (var i = 0; i < f1_length; i++) {
        var elm = document.form1.elements[i];
        for (var j = 0; j < f2_length; j++) {
            var elm2 = document.form2.elements[j];
            if (elm2.getAttribute("name") == elm.getAttribute("name")) {
                elm2.value = encodeURIComponent(elm.value);
                break;
            }
        }
    }
    document.form2.submit();
}
parent.auth_frame.document.form1.process.value = "search";
</script>
</body>
</html>

13_entry_test.html

<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<META HTTP-EQUIV='CONTENT-LANGUAGE' CONTENT='ja'>
<title>entry_test</title>
</head>
<body>
<form name="form0">
<table>
<tr><td colspan="2"><h3>会員API 会員情報登録テスト用フォーム</h3></td>
<tr><td>access_url:</td><td><input type="text" name="access_url" size="120" value="" ></td></tr>
<tr><td>送信しないパラメータ:</td><td>
<select name="disable_param" id= "disable_param[]" size="5" multiple>
<option value="1" selected>全てを送信する</option>
<option value="group_id">group_id</option>
<option value="member_id">member_id</option>
<option value="member_password">member_password</option>
<option value="member_name">member_name</option>
<option value="member_name_kana">member_name_kana</option>
<option value="email">email</option>
<option value="email_magazine_receive">email_magazine_receive</option>
<option value="sex">sex</option>
<option value="birthday">birthday</option>
<option value="recommand_member_id">recommand_member_id</option>
<option value="home_post">home_post</option>
<option value="home_prefecture_code">home_prefecture_code</option>
<option value="home_prefecture">home_prefecture</option>
<option value="home_address1">home_address1</option>
<option value="home_address2">home_address2</option>
<option value="home_phone">home_phone</option>
<option value="home_fax">home_fax</option>
<option value="mobile_phone">mobile_phone</option>
<option value="mobile_email">mobile_email</option>
<option value="office_name">office_name</option>
<option value="office_name_kana">office_name_kana</option>
<option value="office_department">office_department</option>
<option value="office_post">office_post</option>
<option value="office_prefecture_code">office_prefecture_code</option>
<option value="office_prefecture">office_prefecture</option>
<option value="office_address">office_address</option>
<option value="office_phone">office_phone</option>
<option value="additional_option1">additional_option1</option>
<option value="additional_option2">additional_option2</option>
<option value="additional_option3">additional_option3</option>
<option value="additional_option4">additional_option4</option>
<option value="additional_option5">additional_option5</option>
<option value="additional_option6">additional_option6</option>
<option value="additional_option7">additional_option7</option>
<option value="join_date">join_date</option>
<option value="member_id_auto_create">member_id_auto_create</option>
<option value="email_auth">email_auth</option>
<option value="admin_member_auth">admin_member_auth</option>
</select></td></tr>
<tr><td colspan="2" align="center"><input type="button" value="選択した設定を反映" onclick="javascript:disable_params();"></td></tr>
</form>
<form name="form1" action="https://www.makeshop.jp/api/member/entry/">
<tr><td>response_format:</td><td><input type="text" name="response_format" value="xml" ></td></tr>
<tr><td>group_id:</td><td><input type="text" name="group_id" value="" ></td></tr>
<tr><td>member_id:</td><td><input type="text" name="member_id" value="" ></td></tr>
<tr><td>member_password:</td><td><input type="text" name="member_password" value="" ></td></tr>
<tr><td>member_name:</td><td><input type="text" name="member_name" value="" ></td></tr>
<tr><td>member_name_kana:</td><td><input type="text" name="member_name_kana" value="" ></td></tr>
<tr><td>email:</td><td><input type="text" name="email" value="" ></td></tr>
<tr><td>email_magazine_receive:</td><td><input type="text" name="email_magazine_receive" value="" ></td></tr>
<tr><td>sex:</td><td><input type="text" name="sex" value="" ></td></tr>
<tr><td>birthday:</td><td><input type="text" name="birthday" value="" ></td></tr>
<tr><td>recommand_member_id:</td><td><input type="text" name="recommand_member_id" value="" ></td></tr>
<tr><td>home_post:</td><td><input type="text" name="home_post" value="" ></td></tr>
<tr><td>home_prefecture_code:</td><td><input type="text" name="home_prefecture_code" value="" ></td></tr>
<tr><td>home_prefecture:</td><td><input type="text" name="home_prefecture" value="" ></td></tr>
<tr><td>home_address1:</td><td><input type="text" name="home_address1" value="" ></td></tr>
<tr><td>home_address2:</td><td><input type="text" name="home_address2" value="" ></td></tr>
<tr><td>home_phone:</td><td><input type="text" name="home_phone" value="" ></td></tr>
<tr><td>home_fax:</td><td><input type="text" name="home_fax" value="" ></td></tr>
<tr><td>mobile_phone:</td><td><input type="text" name="mobile_phone" value="" ></td></tr>
<tr><td>mobile_email:</td><td><input type="text" name="mobile_email" value="" ></td></tr>
<tr><td>office_name:</td><td><input type="text" name="office_name" value="" ></td></tr>
<tr><td>office_name_kana:</td><td><input type="text" name="office_name_kana" value="" ></td></tr>
<tr><td>office_department:</td><td><input type="text" name="office_department" value="" ></td></tr>
<tr><td>office_post:</td><td><input type="text" name="office_post" value="" ></td></tr>
<tr><td>office_prefecture_code:</td><td><input type="text" name="office_prefecture_code" value="" ></td></tr>
<tr><td>office_prefecture:</td><td><input type="text" name="office_prefecture" value="" ></td></tr>
<tr><td>office_address:</td><td><input type="text" name="office_address" value="" ></td></tr>
<tr><td>office_phone:</td><td><input type="text" name="office_phone" value="" ></td></tr>
<tr><td>additional_option1:</td><td><input type="text" name="additional_option1" value="" ></td></tr>
<tr><td>additional_option2:</td><td><input type="text" name="additional_option2" value="" ></td></tr>
<tr><td>additional_option3:</td><td><input type="text" name="additional_option3" value="" ></td></tr>
<tr><td>additional_option4:</td><td><input type="text" name="additional_option4" value="" ></td></tr>
<tr><td>additional_option5:</td><td><input type="text" name="additional_option5" value="" ></td></tr>
<tr><td>additional_option6:</td><td><input type="text" name="additional_option6" value="" ></td></tr>
<tr><td>additional_option7:</td><td><input type="text" name="additional_option7" value="" ></td></tr>
<tr><td>join_date:</td><td><input type="text" name="join_date" value="" ></td></tr>
<tr><td>member_id_auto_create:</td><td><input type="text" name="member_id_auto_create" value="" ></td></tr>
<tr><td>email_auth:</td><td><input type="text" name="email_auth" value="" ></td></tr>
<tr><td>admin_member_auth:</td><td><input type="text" name="admin_member_auth" value="" ></td></tr>
<tr><td colspan="2" align="center"><input type="button" name="btn_sub" onclick="javascript:send();" value="送信"></td></tr>
</table>
</form>
<form name="form2" method="POST" target="target_frame">
<input type="hidden" name="response_format" value="" >
<input type="hidden" name="group_id" value="" >
<input type="hidden" name="member_id" value="" >
<input type="hidden" name="member_password" value="" >
<input type="hidden" name="member_name" value="" >
<input type="hidden" name="member_name_kana" value="" >
<input type="hidden" name="email" value="" >
<input type="hidden" name="email_magazine_receive" value="" >
<input type="hidden" name="sex" value="" >
<input type="hidden" name="birthday" value="" >
<input type="hidden" name="recommand_member_id" value="" >
<input type="hidden" name="home_post" value="" >
<input type="hidden" name="home_prefecture_code" value="" >
<input type="hidden" name="home_prefecture" value="" >
<input type="hidden" name="home_address1" value="" >
<input type="hidden" name="home_address2" value="" >
<input type="hidden" name="home_phone" value="" >
<input type="hidden" name="home_fax" value="" >
<input type="hidden" name="mobile_phone" value="" >
<input type="hidden" name="mobile_email" value="" >
<input type="hidden" name="office_name" value="" >
<input type="hidden" name="office_name_kana" value="" >
<input type="hidden" name="office_department" value="" >
<input type="hidden" name="office_post" value="" >
<input type="hidden" name="office_prefecture_code" value="" >
<input type="hidden" name="office_prefecture" value="" >
<input type="hidden" name="office_address" value="" >
<input type="hidden" name="office_phone" value="" >
<input type="hidden" name="additional_option1" value="" >
<input type="hidden" name="additional_option2" value="" >
<input type="hidden" name="additional_option3" value="" >
<input type="hidden" name="additional_option4" value="" >
<input type="hidden" name="additional_option5" value="" >
<input type="hidden" name="additional_option6" value="" >
<input type="hidden" name="additional_option7" value="" >
<input type="hidden" name="join_date" value="" >
<input type="hidden" name="member_id_auto_create" value="" >
<input type="hidden" name="email_auth" value="" >
<input type="hidden" name="admin_member_auth" value="" >
</form>
<script type="text/javascript">
function send(){
    var act = "";
    if (document.form0.access_url.value != "") {
        act = document.form0.access_url.value;
    } else {
        alert("アクセスURLを入力してください");
        return false;
    }
    document.form2.action = act;

    var f1_length = document.form1.length;
    var f2_length = document.form2.length;
    var delete_node = new Array();
    for (var i = 0; i < f1_length; i++) {
        var elm = document.form1.elements[i];
        for (var j = 0; j < f2_length; j++) {
            var elm2 = document.form2.elements[j];
            if (elm2.disabled) {
                elm2.value = "";
                delete_node[delete_node.length-1] = elm2;
            }
            if (elm2.getAttribute("name") == elm.getAttribute("name")) {
                elm2.value = encodeURIComponent(elm.value);
                break;
            }
        }
    }
    for (var k = 0; k < delete_node.length; k++) {
        delete_node[k].parentNode.removeChild(delete_node[k]);
    }
    document.form2.submit();
}
function disable_params(){
    var form2_elm = document.form2.elements;
    var select_elm = document.form0.disable_param;
    for (var k = 0; k < form2_elm.length; k++) {
        form2_elm[k].disabled = false;
    }

    for (var i = 0; i < select_elm.options.length; i++) {
        if (select_elm.options[i].selected && select_elm[i].value != "") {
            for (var j = 0; j < form2_elm.length; j++) {
                if (form2_elm[j].name == select_elm.options[i].value){
                    form2_elm[j].disabled = true;
                    break;
                }
            }
        }
    }
}
parent.auth_frame.document.form1.process.value = "entry";
</script>
</body>
</html>

14_modify_test.html

<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<META HTTP-EQUIV='CONTENT-LANGUAGE' CONTENT='ja'>
<title>modify_test</title>
</head>
<body>
<form name="form0">
<table>
<tr><td colspan="2"><h3>会員API 会員情報更新テスト用フォーム</h3></td>
<tr><td>access_url:</td><td><input type="text" name="access_url" size="120" value="" ></td></tr>
<tr><td>送信しないパラメータ:</td><td>
<select name="disable_param" id= "disable_param[]" size="5" multiple>
<option value="1" selected>全てを送信する</option>
<option value="group_id">group_id</option>
<option value="member_id">member_id</option>
<option value="member_password">member_password</option>
<option value="member_name">member_name</option>
<option value="member_name_kana">member_name_kana</option>
<option value="email">email</option>
<option value="email_magazine_receive">email_magazine_receive</option>
<option value="sex">sex</option>
<option value="birthday">birthday</option>
<option value="home_post">home_post</option>
<option value="home_prefecture_code">home_prefecture_code</option>
<option value="home_prefecture">home_prefecture</option>
<option value="home_address1">home_address1</option>
<option value="home_address2">home_address2</option>
<option value="home_phone">home_phone</option>
<option value="home_fax">home_fax</option>
<option value="mobile_phone">mobile_phone</option>
<option value="mobile_email">mobile_email</option>
<option value="office_name">office_name</option>
<option value="office_name_kana">office_name_kana</option>
<option value="office_department">office_department</option>
<option value="office_post">office_post</option>
<option value="office_prefecture_code">office_prefecture_code</option>
<option value="office_prefecture">office_prefecture</option>
<option value="office_address">office_address</option>
<option value="office_phone">office_phone</option>
<option value="additional_option1">additional_option1</option>
<option value="additional_option2">additional_option2</option>
<option value="additional_option3">additional_option3</option>
<option value="additional_option4">additional_option4</option>
<option value="additional_option5">additional_option5</option>
<option value="additional_option6">additional_option6</option>
<option value="additional_option7">additional_option7</option>
<option value="email_auth">email_auth</option>
</select></td></tr>
<tr><td colspan="2" align="center"><input type="button" value="選択した設定を反映" onclick="javascript:disable_params();"></td></tr>
</form>
<form name="form1" action="https://www.makeshop.jp/api/member/modify/">
<tr><td>response_format:</td><td><input type="text" name="response_format" value="xml" ></td></tr>
<tr><td>group_id:</td><td><input type="text" name="group_id" value="" ></td></tr>
<tr><td>member_id:</td><td><input type="text" name="member_id" value="" ></td></tr>
<tr><td>member_password:</td><td><input type="text" name="member_password" value="" ></td></tr>
<tr><td>member_name:</td><td><input type="text" name="member_name" value="" ></td></tr>
<tr><td>member_name_kana:</td><td><input type="text" name="member_name_kana" value="" ></td></tr>
<tr><td>email:</td><td><input type="text" name="email" value="" ></td></tr>
<tr><td>email_magazine_receive:</td><td><input type="text" name="email_magazine_receive" value="" ></td></tr>
<tr><td>sex:</td><td><input type="text" name="sex" value="" ></td></tr>
<tr><td>birthday:</td><td><input type="text" name="birthday" value="" ></td></tr>
<tr><td>home_post:</td><td><input type="text" name="home_post" value="" ></td></tr>
<tr><td>home_prefecture_code:</td><td><input type="text" name="home_prefecture_code" value="" ></td></tr>
<tr><td>home_prefecture:</td><td><input type="text" name="home_prefecture" value="" ></td></tr>
<tr><td>home_address1:</td><td><input type="text" name="home_address1" value="" ></td></tr>
<tr><td>home_address2:</td><td><input type="text" name="home_address2" value="" ></td></tr>
<tr><td>home_phone:</td><td><input type="text" name="home_phone" value="" ></td></tr>
<tr><td>home_fax:</td><td><input type="text" name="home_fax" value="" ></td></tr>
<tr><td>mobile_phone:</td><td><input type="text" name="mobile_phone" value="" ></td></tr>
<tr><td>mobile_email:</td><td><input type="text" name="mobile_email" value="" ></td></tr>
<tr><td>office_name:</td><td><input type="text" name="office_name" value="" ></td></tr>
<tr><td>office_name_kana:</td><td><input type="text" name="office_name_kana" value="" ></td></tr>
<tr><td>office_department:</td><td><input type="text" name="office_department" value="" ></td></tr>
<tr><td>office_post:</td><td><input type="text" name="office_post" value="" ></td></tr>
<tr><td>office_prefecture_code:</td><td><input type="text" name="office_prefecture_code" value="" ></td></tr>
<tr><td>office_prefecture:</td><td><input type="text" name="office_prefecture" value="" ></td></tr>
<tr><td>office_address:</td><td><input type="text" name="office_address" value="" ></td></tr>
<tr><td>office_phone:</td><td><input type="text" name="office_phone" value="" ></td></tr>
<tr><td>additional_option1:</td><td><input type="text" name="additional_option1" value="" ></td></tr>
<tr><td>additional_option2:</td><td><input type="text" name="additional_option2" value="" ></td></tr>
<tr><td>additional_option3:</td><td><input type="text" name="additional_option3" value="" ></td></tr>
<tr><td>additional_option4:</td><td><input type="text" name="additional_option4" value="" ></td></tr>
<tr><td>additional_option5:</td><td><input type="text" name="additional_option5" value="" ></td></tr>
<tr><td>additional_option6:</td><td><input type="text" name="additional_option6" value="" ></td></tr>
<tr><td>additional_option7:</td><td><input type="text" name="additional_option7" value="" ></td></tr>
<tr><td>email_auth:</td><td><input type="text" name="email_auth" value="" ></td></tr>
<tr><td colspan="2" align="center"><input type="button" name="btn_sub" onclick="javascript:send();" value="送信"></td></tr>
</table>
</form>
<form name="form2" method="POST" target="target_frame">
<input type="hidden" name="response_format" value="" >
<input type="hidden" name="group_id" value="" >
<input type="hidden" name="member_id" value="" >
<input type="hidden" name="member_password" value="" >
<input type="hidden" name="member_name" value="" >
<input type="hidden" name="member_name_kana" value="" >
<input type="hidden" name="email" value="" >
<input type="hidden" name="email_magazine_receive" value="" >
<input type="hidden" name="sex" value="" >
<input type="hidden" name="birthday" value="" >
<input type="hidden" name="home_post" value="" >
<input type="hidden" name="home_prefecture_code" value="" >
<input type="hidden" name="home_prefecture" value="" >
<input type="hidden" name="home_address1" value="" >
<input type="hidden" name="home_address2" value="" >
<input type="hidden" name="home_phone" value="" >
<input type="hidden" name="home_fax" value="" >
<input type="hidden" name="mobile_phone" value="" >
<input type="hidden" name="mobile_email" value="" >
<input type="hidden" name="office_name" value="" >
<input type="hidden" name="office_name_kana" value="" >
<input type="hidden" name="office_department" value="" >
<input type="hidden" name="office_post" value="" >
<input type="hidden" name="office_prefecture_code" value="" >
<input type="hidden" name="office_prefecture" value="" >
<input type="hidden" name="office_address" value="" >
<input type="hidden" name="office_phone" value="" >
<input type="hidden" name="additional_option1" value="" >
<input type="hidden" name="additional_option2" value="" >
<input type="hidden" name="additional_option3" value="" >
<input type="hidden" name="additional_option4" value="" >
<input type="hidden" name="additional_option5" value="" >
<input type="hidden" name="additional_option6" value="" >
<input type="hidden" name="additional_option7" value="" >
<input type="hidden" name="email_auth" value="" >
</form>
<script type="text/javascript">
function send(){
    var act = "";
    if (document.form0.access_url.value != "") {
        act = document.form0.access_url.value;
    } else {
        alert("アクセスURLを入力してください");
        return false;
    }
    document.form2.action = act;

    var f1_length = document.form1.length;
    var f2_length = document.form2.length;
    var delete_node = new Array();
    for (var i = 0; i < f1_length; i++) {
        var elm = document.form1.elements[i];
        for (var j = 0; j < f2_length; j++) {
            var elm2 = document.form2.elements[j];
            if (elm2.disabled) {
                elm2.value = "";
                delete_node[delete_node.length-1] = elm2;
            }
            if (elm2.getAttribute("name") == elm.getAttribute("name")) {
                elm2.value = encodeURIComponent(elm.value);
                break;
            }
        }
    }
    for (var k = 0; k < delete_node.length; k++) {
        delete_node[k].parentNode.removeChild(delete_node[k]);
    }
    document.form2.submit();
}
function disable_params(){
    var form2_elm = document.form2.elements;
    var select_elm = document.form0.disable_param;
    for (var k = 0; k < form2_elm.length; k++) {
        form2_elm[k].disabled = false;
    }

    for (var i = 0; i < select_elm.options.length; i++) {
        if (select_elm.options[i].selected && select_elm[i].value != "") {
            for (var j = 0; j < form2_elm.length; j++) {
                if (form2_elm[j].name == select_elm.options[i].value){
                    form2_elm[j].disabled = true;
                    break;
                }
            }
        }
    }
}
parent.auth_frame.document.form1.process.value = "modify";
</script>
</body>
</html>

15_delete_test.html

<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<META HTTP-EQUIV='CONTENT-LANGUAGE' CONTENT='ja'>
<title>delete_test</title>
</head>
<body>
<form name="form0">
<table>
<tr><td colspan="2"><h3>会員API 会員情報削除テスト用フォーム</h3></td>
<tr><td>access_url:</td><td><input type="text" name="access_url" size="120" value="" ></td></tr>
</form>
<form name="form1" action="https://www.makeshop.jp/api/member/delete/">
<tr><td>response_format:</td><td><input type="text" name="response_format" value="xml" ></td></tr>
<tr><td>member_id:</td><td><input type="text" name="member_id" value="" ></td></tr>
<tr><td colspan="2" align="center"><input type="button" name="btn_sub" onclick="javascript:send();" value="送信"></td></tr>
</table>
</form>
<form name="form2" method="POST" target="target_frame">
<input type="hidden" name="response_format" value="" >
<input type="hidden" name="member_id" value="" >
</form>
<script type="text/javascript">
function send(){
    var act = "";
    if (document.form0.access_url.value != "") {
        act = document.form0.access_url.value;
    } else {
        alert("アクセスURLを入力してください");
        return false;
    }
    document.form2.action = act;

    var f1_length = document.form1.length;
    var f2_length = document.form2.length;
    for (var i = 0; i < f1_length; i++) {
        var elm = document.form1.elements[i];
        for (var j = 0; j < f2_length; j++) {
            var elm2 = document.form2.elements[j];
            if (elm2.getAttribute("name") == elm.getAttribute("name")) {
                elm2.value = encodeURIComponent(elm.value);
                break;
            }
        }
    }
    document.form2.submit();
}
parent.auth_frame.document.form1.process.value = "delete";
</script>
</body>
</html>

商品API サンプルコード

ファイル構成

─index.html

index.html

<html>
<head></head>
<body>

<form method="post" name="form0" target="_blank">
shop_id:<input type="text" name="shop_id"><br>
response_format:<input type="text" name="response_format"><br>
access_token:<input type="text" name="access_token"><br>
brand_code:<input type="text" name="brand_code"><br>
ubrand_code:<input type="text" name="ubrand_code"><br>
category_code:<input type="text" name="category_code"><br>
last_update_from:<input type="text" name="last_update_from"><br>
last_update_to:<input type="text" name="last_update_to"><br>
display_page:<input type="text" name="display_page"><br>
limit_per_page:<input type="text" name="limit_per_page"><br>
sort_order:<input type="text" name="sort_order"><br>
<input type="button" value="send" onclick="javascript:send();"><br>
</form>

<script type="text/javascript">
function send(){
    var act = "";
    if (document.form0.access_token.value != "") {
        act ="https://www.makeshop.jp/api/product/search/?shop_id="+document.form0.shop_id.value+"&access_token="+document.form0.access_token.value;
    } else {
        alert("ショップIDとアクセストークンを入力してください");
        return false;
    }
    document.form0.action = act;
    document.form0.submit();
}
</script>

</body>
</html>

商品登録API サンプルコード

ファイル構成

┬index.html
├enq.html
└filepst.html

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<title>商品登録API</title>
<body>
<ol class="comment">
<li>使用方法</li>
<li>上段の認証ボタンをクリックして接続認証を行ってください</li>
<li>表示された内容のうち2行目の項目をコピーして、下段の『認証キー』のテキストボックスに貼り付けてください。</li>
<li>ファイルのタイプを選択し、アップロードファイルを指定します。</li>
<li>登録ボタンをクリックしてください</li>
</ol>

<div id="frame1">
<iframe src="enq.html" name="frame1" width="700" height="100">
この部分はインラインフレームを使用しています。
</iframe>
<div>

<div id="frame2">
<iframe src="filepst.html" name="frame2" width="700" height="200">
この部分はインラインフレームを使用しています。
</iframe> 
</div>

<div class="comment">
<p><a href="index.htm">再送信</a></p>
</div>

</body>
</html>

enq.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<title>商品登録API</title>
<body>

<form method="post" action="https://www.makeshop.jp/api/webftp/index.html">
ショップID<input type="text" name="id" value="">
パスワード<input type="password" name="pw" value="">
<input type="checkbox" name="service" value="gigaplus">ギガプラス10
<input type="submit" value="認証">
</form>

</body>
</html>

filepst.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<script>
function postdata(){
    document.filePost.action = document.filePost.URL.value;
    document.filePost.submit();
}

</script>
<title>商品登録API</title>
<body>

<form method="post" enctype="multipart/form-data" name="filePost">
<input type="hidden" name="src" value="1">
<table>
  <tr>
    <th>アップロード先</th>
    <td><input type="text" name="URL" size="30"></td>
  </tr>
  <tr>
    <th>認証キー</th>
    <td><input type="text" name="key" size="30"></td>
  </tr>
  <tr>
    <th>アップロードするファイル</th>
    <td>
    <select name="dest">
        <option value="0">カテゴリー登録</option>
        <option value="1">商品登録</option>
        <option value="2">オプション登録</option>
        <option value="3">会員グループ別価格登録</option>
    </select>
    </td>
  </tr>
  <tr>
    <th>アップロードするファイル</th>
    <td><input type="file" name="upload_file"></td>
  </tr>
  <tr>
    <td></td>
    <td><input type="button" value="登録" onClick="postdata()"></td>
  </tr>
</table>
</form>

</body>
</html>

注文API サンプルコード

ファイル構成

─index.html

index.html

<!DOCTYPE>
<html lang="ja">
<head>
<title>注文APIテスト</title>
<meta charset="EUC-JP" />
<meta name="robots" content="noindex,nofollow,noarchive" />
<style type="text/css">
    input[type="text"] {width:150px;}
    textarea {width:300px;height:50px}
    #sample {
        width:1024px;
        font-size: 16px;
        color:#333333;
        background:#d6e5f5;
        padding:20px;
    }
    #sample ul {
        margin:5px;
        padding:5px;
    }
    #sample li {
        list-style-type : none;
        padding:5px;
        border-bottom:1px solid #84b2e0;
    }
    .r {color:red;}
</style>
</head>

<body style="font-family: 'Meiryo','メイリオ','MS UI Gothic','Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4',sans-serif">

<!--注文データ取得API　begin-->
<fieldset>
<legend>■注文データ取得API</legend>
<form method="get" action="http://www.makeshop.jp/api/orderinfo/" target="_blank">
<dl><dt>注文データを取得します。</dt><dd>
<div id="sample">
<ul>
【共通パラメータ】
<li><input name="shopid" type="text" value="" /> : shopid</li>
<li><input name="token" type="text" value="" /> : token（ショップ作成 > 外部システム連携 > 注文データ連携設定 認証コード）</li>
<li><input name="service" type="text" value="" /> : service（APIへ接続するシステムの名称を16文字以内の半角英数で指定します。）</li>
<br>
【追加パラメータ】
<li><input name="cmd" type="text" value="get" /> : cmd（注文データ取得：get固定）</li>
<li><input name="ordernum" type="text" value="" /> : ordernum（注文番号）</li>
<li><input name="start" type="text" value="" /> : start（注文日時の範囲指定。yyyymmddhhmmss）</li>
<li><input name="end" type="text" value="" /> : end（注文日時の範囲指定。yyyymmddhhmmss）</li>
<li>
    <select name="canceled">
    <option value="1">1:取得する</option>
    <option value="0">0:取得しない</option>
    </select>:canceled（キャンセル注文を出力する場合は指定）
</li>
<li><input type="submit" value="送信" /></li>
</ul>
</div>
</dd></dl>
</form>
</fieldset>
<!--配送状態変更API　end-->

<!--配送状態変更API　begin-->
<fieldset>
<legend>■配送状態変更API</legend>
<form method="get" action="http://www.makeshop.jp/api/orderinfo/" target="_blank">
<dl><dt>注文データの配送STSを変更することができます。</dt><dd>
<div id="sample">
<ul>
【共通パラメータ】
<li><input name="shopid" type="text" value="" /> : shopid</li>
<li><input name="token" type="text" value="" /> : token（ショップ作成 > 外部システム連携 > 注文データ連携設定 認証コード）</li>
<li><input name="service" type="text" value="" /> : service（APIへ接続するシステムの名称を16文字以内の半角英数で指定します。）</li>
<br>
【追加パラメータ】
<li><input name="cmd" type="text" value="deliver" /> : cmd（配送状態変更：deliver固定）</li>
<li><input name="ordernum" type="text" value="" /> : ordernum（注文番号）</li>
<li><input name="deliveryid" type="text" value="0" /> : deliveryid（配送先が1つの場合は0、複数ある場合は1以降の連番を半角数字で指定）</li>
<li>
    <select name="status">
    <option value=""></option>
    <option value="1">1:配送指示済み</option>
    <option value="2">2:配送準備中</option>
    <option value="3">3:配送完了</option>
    <option value="9">9:返送</option>
    </select>:status（配送ステータス）
</li>
<li>
    <select name="carrier"> 
    <option value=""></option>
    <option value="001">ゆうパック</option>
    <option value="002">クロネコヤマト</option>
    <option value="003">佐川急便</option>
    <option value="004">国際スピード郵便(USPS)</option>
    <option value="006">西濃運輸</option>
    <option value="007">福山通運</option>
    <option value="008">EMS国際スピード郵便</option>
    <option value="009">ゆうパック代金引換小包</option>
    <option value="010">ゆうパック書留</option>
    <option value="011">レターパック500</option>
    <option value="012">翌朝10時郵便</option>
    <option value="013">名鉄運輸</option>
    <option value="014">OCS 国際エクスプレス</option>
    <option value="015">普通郵便</option>
    <option value="016">普通郵便代引き</option>
    <option value="017">トナミ運輸</option>
    <option value="018">トールエクスプレスジャパン</option>
    <option value="019">エコ配</option>
    <option value="020">レターパック350</option>
    <option value="021">西武運輸</option>
    <option value="022">新潟運輸</option>
    <option value="023">DHL</option>
    <option value="024">第一貨物</option>
    </select>: carrier(配送伝票業者)
</li>
<li><input name="deliverynum" type="text" value="" /> : deliverynum(配送伝票番号)</li>
<li><input name="send_mail" type="text" value="1" /> : send_mail</li>
<li><textarea name="result" /></textarea> : result（キャンセル理由を入力します。）</li>
<li><input type="submit" value="送信" /></li>
</ul>
</div>
</dd></dl>
</form>
</fieldset>
<!--配送状態変更API　end-->

<!--注文状態変更API　begin-->
<fieldset>
<legend>■注文状態変更API</legend>
<form method="get" action="http://www.makeshop.jp/api/orderinfo/" target="_blank">
<dl><dt>注文データの配送STSをキャンセルすることができます。</dt><dd>
<div id="sample">
<ul>
【共通パラメータ】
<li><input name="shopid" type="text" value="" /> : shopid</li>
<li><input name="token" type="text" value="" /> : token（ショップ作成 > 外部システム連携 > 注文データ連携設定 認証コード）</li>
<li><input name="service" type="text" value="" /> : service（APIへ接続するシステムの名称を16文字以内の半角英数で指定します。）</li>
<br>
【追加パラメータ】
<li><input name="cmd" type="text" value="status" /> : cmd（注文ステータス変更：status固定）</li>
<li><input name="ordernum" type="text" value="" /> : ordernum（注文番号）</li>
<li><input name="deliveryid" type="text" value="0" /> : deliveryid（配送先が1つの場合は0、複数ある場合は1以降の連番を半角数字で指定）</li>
<li>
    <select name="status">
    <option value="0">0:キャンセル</option>
    </select>:status（配送ステータス）
</li>

<li><textarea name="result" /></textarea> : result（キャンセル理由を入力します。）</li>
<li>
    <select name="yauction_cancel">
    <option value=""></option>
    <option value="1">1:手続きの期限切れ</option>
    <option value="2">2:誤って落札したため</option>
    <option value="3">3:思っていた商品と異なる</option>
    <option value="4">4:支払方法/配送方法に不満があった</option>
    <option value="5">5:在庫不足/欠品/出品誤り</option>
    </select>:キャンセル理由を選択します。ヤフオク!経由の注文でキャンセルする場合は必須です。
</li>
<li><input type="submit" value="送信" /></li>
</ul>
</div>
</dd></dl>
</form>
</fieldset>
<!--配送状態変更API　end-->

</body>
</html>