2014-11-11 5 views
6

У меня есть код restpi от программиста от JNE, компания означает доставку.Создайте POSTMAN на веб-странице с JSON или чем-то

Они говорят, что этот API может быть запущен в POSTMAN (Google Chrome Application)

Это прекрасно работает в POSTMAN, где в этом приложении я просто нужно вставить request URL (который я получил от JNE компании) и два заголовка ключей и значений, как следует;

KEY       VALUE 
---------------------------------------------- 
username      mycompany 
api key      4534645756864234523424 

Метод это POST и когда я отправил его, он дает мне результаты, как ожидалось.

Моя проблема теперь в том, как я могу запустить этот код на своей странице, чтобы мне не нужно было запускать это в почтальоне.

Я просто в этот день собираюсь узнать JSON, если кто-нибудь может помочь мне с этим.

[ОБНОВЛЕНИЕ ВОПРОС 1]

{ 
"version":1, 
"collections": 
    [ 
     { 
      "id":"c8b12431-8586-cbdd-aef7-056ec177509a", 
      "name":"asdasdadasdasdasd", 
      "timestamp":1415593872130, 
      "requests": 
       [ 
        { 
         "collectionId":"c8b12431-8586-cbdd-aef7-056ec177509a", 

         "id":"d1b2ed66-781d-d02e-c4eb-0416dd3e07a1", 

         "name":"http://api.jne.co.id:8889/tracing/mycompany/origin/key/jak", 

         "description":"", 

         "url":"http://api.jne.co.id:8889/tracing/mycompany/origin/key/jak", 

         "method":"POST", 

         "headers":"username: mycompany\napi_key:089a12ffb8cd5009bdfa4ba5bdb9ee26\n", 

         "data": 
           [ 
            { 
             "key":"username", 
             "value":"mycompany", 
             "type":"text" 
            }, 

            { 
             "key":"api_key", 
             "value":"dsfsdfsdfs98d98sdfsdf9898dsfs", 
             "type":"text" 
            } 
           ], 

         "dataMode":"params", 
         "timestamp":0, 
         "responses":[], 
         "version":2 
        } 
       ] 
      } 
     ], 



"environments":[], 
"headerPresets":[], 
"globals":[] 
} 

От вопроса обновления выше; мой первый вопрос:]

В каком формате я должен сохранить этот файл: JSON? или что?

Следует сохранить этот файл в одном файле с помощью моей веб-страницы? или я могу сохранить его как внешний файл?

Из приведенного выше кода, я получаю результат следующим образом:

{ 
      "detail": [ 
       { 
        "code": "CGK10000", 
        "label": "JAKARTA" 
       }, 
       { 
        "code": "CGK10100", 
        "label": "JAKARTA BARAT" 
       }, 
       { 
        "code": "CGK10300", 
        "label": "JAKARTA PUSAT" 
       }, 
       { 
        "code": "CGK10200", 
        "label": "JAKARTA SELATAN" 
       }, 
       { 
        "code": "CGK10500", 
        "label": "JAKARTA TIMUR" 
       }, 
       { 
        "code": "CGK10400", 
        "label": "JAKARTA UTARA" 
       } 
      ] 
     } 

Если вы посмотрите на "label" он генерируется из ключа последней строки в: "name":"http://api.jne.co.id:8889/tracing/mycompany/origin/key/jak",



результат метки из последней строки jak, это то, что я хочу вставить в выпадающий тег html, где пользователь будет выбирать это (имя местоположения).




[Обновление с полным кодом]

POST /tracing/mycompany/origin/key/jak HTTP/1.1 
Host: api.jne.co.id:8889 

Content-Type: application/json 
username: mycompany 
api_key: 089a12ffb8cd5009bdfa4ba5bdb9ee26 

{ 
"version":1, 
"collections": 
    [ 
     { 
      "id":"c8b12431-8586-cbdd-aef7-056ec177509a", 
      "name":"asdasdadasdasdasd", 
      "timestamp":1415593872130, 
      "requests": 
       [ 
        { 
         "collectionId":"c8b12431-8586-cbdd-aef7-056ec177509a", 

         "id":"d1b2ed66-781d-d02e-c4eb-0416dd3e07a1", 

         "name":"http://api.jne.co.id:8889/tracing/mycompany/origin/key/jakarta", 

         "description":"", 

         "url":"http://api.jne.co.id:8889/tracing/mycompany/origin/key/jakarta", 

         "method":"POST", 

         "headers":"username: mycompany\napi_key:089a12ffb8cd5009bdfa4ba5bdb9ee26\n", 

         "data": 
           [ 
            { 
             "key":"username", 
             "value":"mycompany", 
             "type":"text" 
            }, 

            { 
             "key":"api_key", 
             "value":"089a12ffb8cd5009bdfa4ba5bdb9ee26", 
             "type":"text" 
            } 
           ], 

         "dataMode":"params", 
         "timestamp":0, 
         "responses":[], 
         "version":2 
        } 
       ] 
      } 
     ], 



"environments":[], 
"headerPresets":[], 
"globals":[] 
} 



Я сохранил этот файл как jne.json и jne.html, но браузер просто показывает полный код, который показывает результат, как делает почтальон. Я думаю, что здесь много чего не хватает.

+0

Какой язык программирования вы используете? –

+0

Мне жаль, сэр, насколько я на этот раз, я использую PHP на своей веб-странице. Но я думаю, что этот restAPI использует JSON. Я узнаю это, если придется, потому что это первый раз, когда я сталкиваюсь с JSON. Справка – alisa

+0

Это не сфокусировано на JSON, это больше о HTTP. JSON используется только для полезной нагрузки. Вы также можете использовать XML. Сам JSON очень прост. Вы найдете много информации на [этом сайте] (http://www.json.org). Чтобы получить те же результаты, что и в Postman, вы должны создать тот же запрос на PHP (который я не знаю), что означает, что вам нужно разместить свою полезную нагрузку JSON до заданного URL-адреса и добавить два запроса в запрос. –

ответ

2

запрос POST будет выглядеть следующим

POST /tracing/mycompany/origin/key/jak HTTP/1.1 
Host: api.jne.co.id:8889 

Content-Type: application/json 
username: mycompany 
api_key: 089a12ffb8cd5009bdfa4ba5bdb9ee26 

{ 
    ... your JSON ... 
} 

Вы можете сохранить JSON с расширением файла .json. Если ваш запрос всегда один и тот же, вы можете сохранить этот файл на своей веб-странице, но, как правило, HTTP-запрос создается перед отправкой (это означает, что вы обычно отправляете разные запросы). Чтобы заполнить раскрывающийся список, вам просто нужно разобрать ответ JSON.

+0

- это то, что вы отметили как «... ваш JSON ...» - это код, который я написал выше? thanks – alisa

+0

Да, кроме полей заголовка, которые вы добавили впоследствии. Они принадлежат HTTP-заголовку. –

+0

Обратите внимание на мое «обновление с полным кодом» выше. – alisa