Table of Contents
一、功能说明
二、html部分
三、JavaScript部分
四、php部分
Home php教程 php手册 PHP API接口测试小工具

PHP API接口测试小工具

Jun 06, 2016 pm 07:48 PM
api php front end client tool cell phone interface time test

前端时间给手机客户端做接口,当时弱爆了,写完API接口后,也不怎么测试,最后是等客户端调用的时候检验API的正确性。 后面利用PHP的curl实现Post请求,检验API接口的正确性;配合前面做的一个查看Apache错误日志的小工具,可将将错误一览无余;利用firebug

前端时间给手机客户端做接口,当时弱爆了,写完API接口后,也不怎么测试,最后是等客户端调用的时候检验API的正确性。

后面利用PHP的curl实现Post请求,检验API接口的正确性;配合前面做的一个查看Apache错误日志的小工具,可将将错误一览无余;利用firebug或fiddler可以查看http通讯。

 

一、功能说明

样式 firebug中的http通信信息
PHP API接口测试小工具 PHP API接口测试小工具

 

1、client_name、client_version、api_debug和url这几个是每次都需要传的参数,除了url其他3个参数都可以根据实际情况修改,url是每个接口的地址

2、一行两个输入框的地方是可变参数,就是每个接口特有的需要传递的参数,参数名和参数值都可以自定义

3、点击添加参数可以增加那行可变参数

4、点击测试,将输入框中的数据发送到接口中

5、从接口端返回JSON格式的数据直接打印出来

 

二、html部分

<span><span>style </span><span>type</span><span>="text/css"</span><span>></span><span>
        .mb20</span><span>{</span><span>margin-bottom</span><span>:</span><span>20px</span><span>}</span><span>
        .title</span><span>{</span><span>display</span><span>:</span><span>inline-block</span><span>;</span><span>width</span><span>:</span><span>150px</span><span>;</span><span>text-align</span><span>:</span><span>right</span><span>}</span><span>
        .w100</span><span>{</span><span>width</span><span>:</span><span>100px</span><span>}</span><span>
        .mr10</span><span>{</span><span>margin-right</span><span>:</span><span>10px</span><span>}</span>
<span></span><span>style</span><span>></span></span>
Copy after login

<span>     <span>div </span><span>class</span><span>="mb20"</span><span>></span>
            <span><span>label </span><span>class</span><span>="title"</span><span>></span>client_name:<span></span><span>label</span><span>><span>input </span><span>name</span><span>="client_name"</span><span> type</span><span>="text"</span><span> value</span><span>="ANDROID"</span><span>/></span>
        <span></span><span>div</span><span>></span>
        <span><span>div </span><span>class</span><span>="mb20"</span><span>></span>
            <span><span>label </span><span>class</span><span>="title"</span><span>></span>client_version:<span></span><span>label</span><span>><span>input </span><span>name</span><span>="client_version"</span><span> type</span><span>="text"</span><span> value</span><span>="4.0"</span><span>/></span>
        <span></span><span>div</span><span>></span>
        <span><span>div </span><span>class</span><span>="mb20"</span><span>></span>
            <span><span>label </span><span>class</span><span>="title"</span><span>></span>api_debug:<span></span><span>label</span><span>><span>input </span><span>name</span><span>="api_debug"</span><span> type</span><span>="text"</span><span>  value</span><span>=""</span><span>/></span>
        <span></span><span>div</span><span>></span>
        <span><span>div </span><span>class</span><span>="mb20"</span><span>></span>
            <span><span>label </span><span>class</span><span>="title"</span><span>></span>url:<span></span><span>label</span><span>><span>input </span><span>name</span><span>="client_url"</span><span> type</span><span>="text"</span><span> value</span><span>=""</span><span>/></span>
        <span></span><span>div</span><span>></span>
        <span><span>div </span><span>class</span><span>="mb20"</span><span>></span>
            <span><span>label </span><span>class</span><span>="title"</span><span>><span>input </span><span>name</span><span>="api_key"</span><span> type</span><span>="text"</span><span>  value</span><span>=""</span><span> class</span><span>="w100"</span><span>/></span>:<span></span><span>label</span><span>><span>input </span><span>name</span><span>="api_value"</span><span> type</span><span>="text"</span><span>  value</span><span>=""</span><span>/></span>
        <span></span><span>div</span><span>></span>
        <span><span>div </span><span>class</span><span>="mb20"</span><span>></span>
            <span><span>label </span><span>class</span><span>="title"</span><span>></span><span>label</span><span>><span>input </span><span>type</span><span>="button"</span><span> value</span><span>="测试"</span><span> id</span><span>="submit"</span><span> class</span><span>="mr10"</span><span>/><span>input </span><span>type</span><span>="button"</span><span> value</span><span>="添加参数"</span><span> id</span><span>="add"</span><span>/></span>
        <span></span><span>div</span><span>></span>
        <span><span>div </span><span>id</span><span>="message"</span><span>></span><span>div</span><span>></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
Copy after login

这里做了点简单的修改,高度,宽度等。可变参数那行只用了name属性,分别是api_keyapi_value,方便等下的克隆操作。

 

三、JavaScript部分

<span><span>script </span><span>type</span><span>="text/javascript"</span><span>></span><span>
            $(</span><span>"</span><span>#add</span><span>"</span><span>).click(</span><span>function</span><span>() {
                </span><span>var</span><span> $parent </span><span>=</span><span> $(</span><span>this</span><span>).parent();
                </span><span>var</span><span> $clone </span><span>=</span><span> $parent.prev().clone();
                $clone.find(</span><span>'</span><span>:text</span><span>'</span><span>).val(</span><span>''</span><span>);
                $clone.insertBefore($parent);
            });
            $(</span><span>"</span><span>#submit</span><span>"</span><span>).click(</span><span>function</span><span>() {
                </span><span>var</span><span> api_keys </span><span>=</span><span> {
                    api_debug:$(</span><span>'</span><span>input[name=api_debug]</span><span>'</span><span>).val(),
                    client_url:$(</span><span>'</span><span>input[name=client_url]</span><span>'</span><span>).val()
                };
                $(</span><span>'</span><span>input[name=api_key]</span><span>'</span><span>).map(</span><span>function</span><span>() {
                    </span><span>var</span><span> key </span><span>=</span><span> $.trim($(</span><span>this</span><span>).val());
                    </span><span>var</span><span> value </span><span>=</span><span> $.trim($(</span><span>this</span><span>).next().val());
                    </span><span>var</span><span> repeat </span><span>=</span><span> {};
                    </span><span>if</span><span>(key </span><span>!=</span> <span>''</span><span>) {
                        repeat[key] </span><span>=</span><span> value;
                        api_keys </span><span>=</span><span> $.extend(api_keys, repeat);
                    }
                });
                </span><span>//</span><span>提交到test文件中</span>
<span>                $.post(</span><span>'</span><span>test.php</span><span>'</span><span>, api_keys, </span><span>function</span><span>(data) {
                    $(</span><span>"</span><span>#message</span><span>"</span><span>).html(data);
                });
            });
</span><span></span><span>script</span><span>></span></span>
Copy after login

1、绑定两个按钮的click事件

2、$("#add")的click事件是在做克隆操作,克隆的同时将原先两个输入框中的内容清除

3、$('input[name=api_key]').map在做过滤无效可变参数的操作;有效的可变参数是指参数名和参数值都存在,只有都存在的才会发送过去

4、$("#submit")通过post给test.php,通过它来发送消息给接口

 

四、php部分

<span>php 
    </span><span>$root</span> = 'http://api.1ddian.cn/';<span>//</span><span>可自定义域名</span>
    <span>$url</span>= <span>$root</span> . <span>$_REQUEST</span>['client_url'<span>];
    </span><span>//</span><span>用curl实现Post请求,可跨域</span>
    <span>$ch</span> =<span> curl_init();
    curl_setopt(</span><span>$ch</span>, CURLOPT_POST, 1<span>);  
    curl_setopt(</span><span>$ch</span>, CURLOPT_URL, <span>$url</span><span>);  
    curl_setopt(</span><span>$ch</span>, CURLOPT_POSTFIELDS, <span>$_REQUEST</span>);  <span>//</span><span>传送参数</span>
    <span>ob_start</span><span>();  
    curl_exec(</span><span>$ch</span><span>);  
    </span><span>$result</span> = <span>ob_get_contents</span><span>() ;  
    </span><span>ob_end_clean</span><span>();  
    </span><span>print_r</span>(json_decode(<span>$result</span>)); <span>//</span><span>中文返回的是unicode编码,decode后方便阅读</span>
?>
Copy after login

1、$root这个域名可以自定义

2、用curl实现Post请求,可跨域

3、中文返回的是unicode编码,decode后方便阅读

 

demo下载:

http://download.csdn.net/download/loneleaf1/7966101

 

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Top 10 digital currency exchange app recommendations, top ten virtual currency exchanges in the currency circle Top 10 digital currency exchange app recommendations, top ten virtual currency exchanges in the currency circle Apr 22, 2025 pm 03:03 PM

Recommended apps on top ten digital currency exchanges: 1. OKX, 2. Binance, 3. gate.io, 4. Huobi, 5. Coinbase, 6. KuCoin, 7. Kraken, 8. Bitfinex, 9. Bybit, 10. Bitstamp, these apps provide real-time market trends, technical analysis and price reminders to help users monitor market dynamics in real time and make informed investment decisions.

Reliable and easy-to-use virtual currency exchange app recommendations The latest ranking of the top ten exchanges in the currency circle Reliable and easy-to-use virtual currency exchange app recommendations The latest ranking of the top ten exchanges in the currency circle Apr 22, 2025 pm 01:21 PM

The reliable and easy-to-use virtual currency exchange apps are: 1. Binance, 2. OKX, 3. Gate.io, 4. Coinbase, 5. Kraken, 6. Huobi Global, 7. Bitfinex, 8. KuCoin, 9. Bittrex, 10. Poloniex. These platforms were selected as the best for their transaction volume, user experience and security, and all offer registration, verification, deposit, withdrawal and transaction operations.

Top 10 Digital Virtual Currency Apps Rankings: Top 10 Digital Currency Exchanges in Currency Circle Trading Top 10 Digital Virtual Currency Apps Rankings: Top 10 Digital Currency Exchanges in Currency Circle Trading Apr 22, 2025 pm 03:00 PM

The top ten digital virtual currency apps are: 1. OKX, 2. Binance, 3. gate.io, 4. Coinbase, 5. Kraken, 6. Huobi, 7. KuCoin, 8. Bitfinex, 9. Bitstamp, 10. Poloniex. These exchanges are selected based on factors such as transaction volume, user experience and security, and all provide a variety of digital currency trading services and an efficient trading experience.

What are the digital currency trading platforms in 2025? The latest rankings of the top ten digital currency apps What are the digital currency trading platforms in 2025? The latest rankings of the top ten digital currency apps Apr 22, 2025 pm 03:09 PM

Recommended apps for the top ten virtual currency viewing platforms: 1. OKX, 2. Binance, 3. Gate.io, 4. Huobi, 5. Coinbase, 6. Kraken, 7. Bitfinex, 8. KuCoin, 9. Bybit, 10. Bitstamp, these platforms provide real-time market trends, technical analysis tools and user-friendly interfaces to help investors make effective market analysis and trading decisions.

Meme Coin Exchange Ranking Meme Coin Main Exchange Top 10 Spots Meme Coin Exchange Ranking Meme Coin Main Exchange Top 10 Spots Apr 22, 2025 am 09:57 AM

The most suitable platforms for trading Meme coins include: 1. Binance, the world's largest, with high liquidity and low handling fees; 2. OkX, an efficient trading engine, supporting a variety of Meme coins; 3. XBIT, decentralized, supporting cross-chain trading; 4. Redim (Solana DEX), low cost, combined with Serum order book; 5. PancakeSwap (BSC DEX), low transaction fees and fast speed; 6. Orca (Solana DEX), user experience optimization; 7. Coinbase, high security, suitable for beginners; 8. Huobi, well-known in Asia, rich trading pairs; 9. DEXRabbit, intelligent

What are the free market viewing software websites? Ranking of the top ten free market viewing software in the currency circle What are the free market viewing software websites? Ranking of the top ten free market viewing software in the currency circle Apr 22, 2025 am 10:57 AM

The top three top ten free market viewing software in the currency circle are OKX, Binance and gate.io. 1. OKX provides a simple interface and real-time data, supporting a variety of charts and market analysis. 2. Binance has powerful functions, accurate data, and is suitable for all kinds of traders. 3. gate.io is known for its stability and comprehensiveness, and is suitable for long-term and short-term investors.

What are the digital currency trading apps suitable for beginners? Learn about the coin circle in one article What are the digital currency trading apps suitable for beginners? Learn about the coin circle in one article Apr 22, 2025 am 08:45 AM

When choosing a digital currency trading platform suitable for beginners, you need to consider security, ease of use, educational resources and cost transparency: 1. Priority is given to platforms that provide cold storage, two-factor verification and asset insurance; 2. Apps with a simple interface and clear operation are more suitable for beginners; 3. The platform should provide learning tools such as tutorials and market analysis; 4. Pay attention to hidden costs such as transaction fees and cash withdrawal fees.

The top ten free platform recommendations for real-time data on currency circle markets are released The top ten free platform recommendations for real-time data on currency circle markets are released Apr 22, 2025 am 08:12 AM

Cryptocurrency data platforms suitable for beginners include CoinMarketCap and non-small trumpet. 1. CoinMarketCap provides global real-time price, market value, and trading volume rankings for novice and basic analysis needs. 2. The non-small quotation provides a Chinese-friendly interface, suitable for Chinese users to quickly screen low-risk potential projects.

See all articles