(Translated by https://www.hiragana.jp/)
GitHub - ti0s/docker-remote-api-php
Skip to content

ti0s/docker-remote-api-php

BranchesTags
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
docker
docker
 
 
README.md
README.md
 
 

Repository files navigation

docker-remote-api-php

官かん方かた文ぶん档🔗:https://docs.docker.com/engine/api/ 可か以通过 docker version查看 Engine: API version 个人当とう前ぜん 服ふく务器和わ客きゃく户端都と是ぜ1.4版本はんぽん 需注意ちゅうい版本はんぽん不同ふどう,手て册さつ也不同ふどう，基本きほん上じょう一个小版本一个手册 我わが宣布せんぷcurl就是我わが大だい哥 👍 前ぜん端はし来着らいちゃくxpp

search the containers

curl http://192.168.21.131:2375/containers/json

create one container

  • create.json

https://docs.docker.com/engine/api/v1.40/#operation/ContainerCreate

curl -v -X POST -H "Content-Type: application/json"  http://192.168.21.131:2375/containers/create?name=dvwa -d '{"Image": "astronaut1712/dvwa:latest", "HostConfig": {"NetworkMode": "bridge","PortBindings": {"80/tcp": [{"HostPort": "3080"}]}}}'

start the container

curl -v -X POST http://192.168.21.131:2375/containers/dvwa/start

stop the container

curl -v --raw -X POST http://192.168.21.131:2375/containers/dvwa/stop

delete the container

 curl -v -X DELETE http://192.168.21.131:2375/containers/dvwa

php 与あずか docker remote api

└─fe1w0
        class.php
        config.php
        curl.php
        docker.php
        error.php
        error1.html
        error2.html
        error3.html
        error4.html
        index.css
        index.html

其中重要じゅうよう的てき是ぜclass.php、curl.php、config.php、docker.php

  • class.php
<?php
class docker{
    public $ip_url;    # http://192.168.21.131:2375 config.php
    public $image_name;
    public $container_name;
    public $container_port;
    public $time;
    public $search_url;
    public $create_url;
    public $start_url;
    public $stop_url;   
    public $delete_url;
    public $data_string;
    public $max_number;  # 容器ようき的てき最大さいだい数量すうりょう config.php
    public $number;
    public $arr_container;
    public $port_pool;
    public $current_ports;
    public $error_location;

    function __construct($ip_url="",$image_name="",$container_name="",$container_port="",$time="",$max_number=30,$port_pool,$error_location)
    {
        $this->ip_url =$ip_url;
        $this->image_name = $image_name;
        $this->container_name = $container_name;
        $this->container_port = $container_port;
        $this->max_number = $max_number;
        $this->arr_container=array();
        $this->current_ports=array();
        $this->port_pool=$port_pool; //端はし口こう池いけ由ゆかり外部がいぶ设置
        $this->number=0;
        $this->error_location = $error_location;

        $parsed = date_parse($time);
        $this->time= $parsed['hour'] * 3600 + $parsed['minute'] * 60 + $parsed['second'];

        $this->search_url = sprintf('%s/containers/json?all=1',$this->ip_url);# get
    }

    function geturl($url){
        # 初はつ始はじめ化か
        $headerArray =array("Content-type:application/json;","Accept:application/json");
        $ch = curl_init();
        
        curl_setopt($ch,CURLOPT_RETURNTRANSFER,true);
        curl_setopt($ch,CURLOPT_TIMEOUT,500);
        curl_setopt($ch,CURLOPT_URL,$url); # url 为api的てきurl
        curl_setopt($ch,CURLOPT_HTTPHEADER,$headerArray);
        #curl_setopt($ch, CURLOPT_HEADER, true);
        $output = curl_exec($ch);
        curl_close($ch);
    
        # json 转为数すう组 $res
        $output = json_decode($output,true);
        return $output;
    }

    
    function posturl($url,$data_string=""){
        #$data_string = json_encode($requestData);
        #var_dump($data_string);
        $ch = curl_init();
        $headerArray = array('Content-Type: application/json', 'Content-Length: '.strlen($data_string));
    
        curl_setopt($ch,CURLOPT_URL,$url);
        #curl_setopt($ch, CURLOPT_HEADER, true);
        curl_setopt($ch, CURLOPT_CUSTOMREQUEST, "POST");
        curl_setopt($ch, CURLOPT_POSTFIELDS, $data_string);
        curl_setopt($ch,CURLOPT_RETURNTRANSFER,true);
        curl_setopt($ch,CURLOPT_HTTPHEADER,$headerArray);
        $output = curl_exec($ch);
        curl_close($ch);
    
        #$output = json_decode($output,true);
        return $output;
    }


    function deleteurl($url){
        $ch = curl_init();
    
        curl_setopt($ch, CURLOPT_URL, $url);
        #curl_setopt($ch, CURLOPT_HEADER, true);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        curl_setopt($ch, CURLOPT_CUSTOMREQUEST, 'DELETE');
        $output = curl_exec($ch);
        curl_close($ch);
        
        #$output = json_decode($output,true);
        return $output;
    }



    function number_container()
    {
        $this->arr_container = $this->geturl($this->search_url);
        $this->number = count($this->arr_container,0);
    }

    # 得え到いた一个相对随机的端口
    function Random_port()
    {
        # 暂时使用しよう垃圾一いち点てん的てき 伪随机つくえ端はし口こう
        $max = end($this->port_pool);
        $min = reset($this->port_pool);
        $port = mt_rand($min,$max);
        return $port;
    }
    # 获取当とう前ぜん容器ようき的てき端はし口数くちかず组
    function get_port_array()
    {
        $this->arr_container = $this->geturl($this->search_url);
        #var_dump($this->arr_container);
        $this->number = count($this->arr_container,0);
        $i = range(0,$this->number-1);
        if($this->number != 0)
        {
            foreach($i as $nn)
            {
                $this->current_ports[$nn] = $this->arr_container[$nn]["Ports"][1]["PublicPort"];
            }
        }

    }

    # 迭代确定最さい终端口こう
    function get_port()
    {   
        $booL = true;
        $Random_port =$this->Random_port();
        $this->get_port_array();
        while(true){
            foreach($this->current_ports as $port)
            {
                if($port == $Random_port)
                {
                    $booL= false;
                }
            }
            if(!$booL){
                $this->get_port();
            }
            else
            {
                $this->container_port = $Random_port;
                #echo("[*] Container_port: ".$this->container_port."\n");
                break;
            }
        }

    }
    # 重じゅう新しん加か载参数すう



    function create_container(){
        $res = $this->posturl($this->create_url,$this->data_string);
        echo("[*] create container:");
        echo('Request: curl -v -X POST -H "Content-Type: application/json" '.$this->create_url.' -d \''. $this->data_string.'\''."<br>");
        echo("Response: ".$res."<br>");
    }

    function start_container(){
        $res =  $this->posturl($this->start_url);
        echo("[*] start container:");
        echo('Request: curl -v -X POST '.$this->start_url."<br>");
        echo("Response: ".$res."<br>");
    }

    function stop_container(){
        $res = $this->posturl($this->stop_url);
        echo("[*] stop container:");
        echo('Request: curl -v -X POST '.$this->stop_url."<br>");
        echo("Response: ".$res."<br>");
    }

    function delete_container(){
        $res = $this->deleteurl($this->delete_url);
        echo("[*] delete container:");
        echo('Request: curl -v -X DELETE '.$this->delete_url."<br>");
        echo("Response: ".$res."<br>");
    }

    function ready()
    {
        $this->number_container();
        $this->reset();
        if($this->number < $this->max_number)
        {
            return true;
        }
        else{
            return false;
        }


    }

    function reset()
    {
        if(!$this->container_name  and  !$this->container_port)
        {
            $this->get_port(); // container_port
            //container_name
            $pre_container_name=time();
            $this->container_name = $pre_container_name.$this->container_port; 
        }
        $this->create_url = sprintf('%s/containers/create?name=%s',$this->ip_url,$this->container_name); #post
        $this->start_url = sprintf('%s/containers/%s/start',$this->ip_url,$this->container_name); #post
        $this->stop_url = sprintf('%s/containers/%s/stop?t=%s',$this->ip_url,$this->container_name,$this->time); #post
        $this->delete_url = sprintf('%s/containers/%s',$this->ip_url,$this->container_name); #delete
        $this->data_string = sprintf( '{"Image": "%s","HostConfig": {"NetworkMode": "bridge","PortBindings": {"80/tcp": [{"HostPort": "%s"}]}}}',$this->image_name,$this->container_port);
    }

    function docker(){
        $this->create_container($this->create_url,$this->data_string);
        $this->start_container($this->start_url);
        $this->stop_container($this->stop_url);
        //$this->delete_container($this->delete_url);
    }

}

?>
  • curl.php
<?php 
@include_once('config.php');
@include_once('class.php');

$time=$_POST['TTL'];
$image_name=$_POST['image_name'];

 
/* $image_name="dvwa";
$time="00:01:00";
 */

/*
if(isset($_SERVER['HTTP_REFERER'])) {
    if($_SERVER['HTTP_REFERER']!== $refer_url )
    {   
        $string = sprintf("<script>location.href='%s?error=1';</script>",$error_location); // 错误类型 1 $_SERVER['HTTP_REFERER'])错误 ,跳とべ转到login.php
        echo($string);
    }
}
else{
    $string = sprintf("<script>location.href='%s?error=2';</script>",$error_location);  // 错误类型 2  $_SERVER['HTTP_REFERER'])缺かけ少しょう ,跳とべ转到login.php
}
*/

function check_images($data,$images_array)
{
    if($images_array[$data]){
        return false;
    }
    else{
        return true;
    }
}
function check_time($time)
{  
    $parsed = strtotime($time);
    return empty($parsed);
}

## docker

if( empty($image_name) or empty($time) or check_images($image_name,$images_array) or check_time($time)){  
    $string = sprintf("<script>location.href='%s?error=4';</script>",$error_location);
    echo($string);       //错误类型 4 docker 页面参さん数すう缺かけ少すくな或ある错误,跳とべ转到靶机请求页面
}
else{
    $image_name = $images_array[$image_name];
    $docker = new docker($ip_url,$image_name,$container_name="",$container_port="",$time,$max_number,$port_pool,$error_location);
    $BOOL = $docker->ready();
    if($BOOL)
    {
        // 跳とべ转到成功せいこう页面
        $string = sprintf("<script>location.href='http://192.168.21.131:%s';</script>",$docker->container_port);
        echo $string;
        //image_name   container_name  container_port time
        $shell = sprintf("php docker.php %s %s %s %s >/dev/null &",$image_name,$docker->container_name,$docker->container_port,$time);
        var_dump($shell);
        shell_exec($shell);
    }
    else{
        $string = sprintf("<script>location.href='%s?error=3';</script>",$docker->error_location);
        echo($string);    //错误类型 3 容器ようき达到上限じょうげん,跳とべ转到同一どういつ的てき错误页面
    }
}

?>
  • config.php
<?php
$ip_url = 'http://192.168.21.131:2375'; // docker remote api 
$max_number = 20;   // 最大さいだい靶机数量すうりょう
$port_pool = range(4000,4300);  //端はし口こう池ち
$error_location = "http://localhost/docker/fe1w0/error.php"; //报错页面  http://202.119.201.197:2000/docker/error.php
$refer_url='http://localhost/docker/fe1w0'; // 允まこと许的refer_url
$login_url='http://localhost';  // 登とう录页面めん
$images_array=array("dvwa"=>"astronaut1712/dvwa:latest","sqlilabs"=>"c0ny1/sqli-labs:0.1");
?>
  • docker.php
<?php 
@include_once("config.php");
@include_once("class.php");

$docker_parameter = $argv;
var_dump($docker_parameter);

$image_name = $docker_parameter[1];
$container_name = $docker_parameter[2];
$container_port = $docker_parameter[3];
$time = $docker_parameter[4];

$Docker = new docker($ip_url,$image_name,$container_name,$container_port,$time,$max_number,$port_pool,$error_location);
$Docker->reset();
$Docker->docker();
?>

php与あずか定てい时

目前もくぜん遇ぐう到いた的てき最大さいだい的てき难点

两种思おもえ路ろ

  • php 能のう控ひかえ制せいdocker stop and delete
  • crontab 看み别人说,可能かのう不ふ太合たいごう适

docker 远程api 控ひかえ制せい stop 、delete

github上じょう的てき相しょう关讨论

moby/moby#1905

在ざい1.4的てき文ぶん档中我わが们可以看到いたapi有ゆうStopTimeout这个参さん数すう,但ただし奇き怪かい的てき是ぜ在ざい实际使用しよう中ちゅう,并没有效ゆうこう果はて(也可能かのう我わが设置错了)

image-20200722125449814

以下いか是ぜ我わが尝试的てき命令めいれい:

curl -v -X POST -H "Content-Type: application/json http://192.168.21.131:2375/containers/create?name=dvwa -d '{"Image": "astronaut1712/dvwa:latest","HostConfig": {"NetworkMode": "bridge","StopSignal": "SIGTERM","StopTimeout":30,"PortBindings": {"80/tcp": [{"HostPort": "3080"}]}}}'

但ただし在ざいwait功こう能のう中有ちゅうう一个起到延时功能的参数,说明如下:

参考さんこう链接:https://docker-php.readthedocs.io/en/latest/cookbook/container-run/#waiting-for-the-container-to-end

image-20200722141740320

修おさむ改あらためphp代だい码

image-20200722141912689

执行结果

[*] create container:
Request: curl -v -X POST -H "Content-Type: application/json" http://192.168.21.131:2375/containers/create?name=dvwa -d '{"Image": "astronaut1712/dvwa:latest","HostConfig": {"NetworkMode": "bridge","PortBindings": {"80/tcp": [{"HostPort": "3080"}]}}}'
Response: HTTP/1.1 201 Created
Api-Version: 1.40
Content-Type: application/json
Docker-Experimental: false
Ostype: linux
Server: Docker/19.03.12 (linux)
Date: Wed, 22 Jul 2020 06:15:18 GMT
Content-Length: 88

{"Id":"9a65141c4191505094838d91c5f537744e18a795494c480199f6598951102fa8","Warnings":[]}

[*] start container:
Request: curl -v -X POST http://192.168.21.131:2375/containers/dvwa/start
Response: HTTP/1.1 204 No Content
Api-Version: 1.40
Docker-Experimental: false
Ostype: linux
Server: Docker/19.03.12 (linux)
Date: Wed, 22 Jul 2020 06:15:19 GMT

[*] stop container:
Request: curl -v -X POST http://192.168.21.131:2375/containers/dvwa/stop?t=30
Response: HTTP/1.1 204 No Content
Api-Version: 1.40
Docker-Experimental: false
Ostype: linux
Server: Docker/19.03.12 (linux)
Date: Wed, 22 Jul 2020 06:15:50 GMT

[*] delete container:
Request: curl -v -X DELETE http://192.168.21.131:2375/containers/dvwa
Response: HTTP/1.1 204 No Content
Api-Version: 1.40
Docker-Experimental: false
Ostype: linux
Server: Docker/19.03.12 (linux)
Date: Wed, 22 Jul 2020 06:15:50 GMT

[Finished in 32.2s]

php与あずか容器ようき数量すうりょう控ひかえ制せい

利用りよう查询到的てき容器ようき信しん息いき来らい解かい决该问题

    # 
    function number_container()
    {
        $res = $this->geturl($this->search_url);
        $number = count($res,0);//count()中ちゅう的てき二个参数为0时,统计第だい一いち维度的てき所有しょゆう元素げんそ,为1时循环统计遍历所有しょゆう元素げんそ
        return $number;
    }
/*

省略しょうりゃく中ちゅう间的代だい码

*/

    function docker(){
        $number = $this->number_container();
        if($number < $this->max_number)
        {
            $this->create_container($this->create_url,$this->data_string);
            $this->start_container($this->start_url);
            $this->stop_container($this->stop_url);
            $this->delete_container($this->delete_url);
        }
        else{
            die("[*] 容器ようき数量すうりょう已やめ经达到最大さいだい值,请稍后きさき尝试");
        }
    }

php 与あずか端はし口こう转发

端はし口こう池ち

端はし口こう池ち大小だいしょう为[5000-6000]，这个由よし配置はいち文ぶん件けん控ひかえ制せい

如:

  • config.php
<?php
$ip_url = 'http://192.168.21.131:2375';
$max_number = 3;
$port_pool = range(4000,4300);
?>
  • docker.php节选
class docker{
    /*
    省略しょうりゃく
    */
    public $port_pool;
    
    function __construct($ip_url="",$image_name="",$container_name="",$container_port="",$time="",$max_number=30,$port_pool)
    {
      	 /*
   		 省略しょうりゃく
    	 */
        $this->port_pool=$port_pool; //端はし口こう池いけ由ゆかり外部がいぶ设置
        /*
   		 省略しょうりゃく
    	 */
    }
 /*
省略しょうりゃく
*/ 
}

统计处于开启状じょう态容器き的てき端はし口こう

  • 思おもえ路ろ
  1. 从5000~6000之これ间随机つくえ挑选一いち个端口こう port_A
  2. 读取container的てき端はし口こう信しん息いき,并用数すう组保存ほぞん下か来らい port_B
  3. 二に者しゃ比ひ较, 若わかport_A 不在ふざいport_B 中なか,则port_A作さく为正常せいじょう的てき端はし口こう;反はん之これ,退すさ回かい到いた第一步だいいっぽ,重じゅう新しん执行,直ちょく到いた有ゆう正常せいじょう的てき端はし口こう出で现。
  • 核心かくしん代だい码
    # 得え到いた一个相对随机的端口
    function Random_port()
    {
        # 暂时使用しよう垃圾一いち点てん的てき 伪随机つくえ端はし口こう
        $max = end($this->port_pool);
        $min = reset($this->port_pool);
        $port = mt_rand($min,$max);
        return $port;
    }
    # 获取当とう前ぜん容器ようき的てき端はし口数くちかず组
    function get_port_array()
    {
        $this->arr_container = $this->geturl($this->search_url);
        $this->number = count($this->arr_container,0);
        $i = range(0,$this->number-1);
        foreach($i as $nn)
        {
            $this->current_ports[$nn] = $this->arr_container[$nn]["Ports"][1]["PublicPort"];
        }

    }



    # 迭代确定最さい终端口こう
    function get_port()
    {   
        $booL = true;
        $Random_port =$this->Random_port();
        $this->get_port_array();
        while(true){
            foreach($this->current_ports as $port)
            {
                if($port == $Random_port)
                {
                    $booL= false;
                }
            }
            if(!$booL){
                $this->get_port();
            }
            else
            {
                $this->container_port = $Random_port;
                echo("[*] Container_port: ".$this->container_port."\n");
                break;
            }
        }

    }
    # 重じゅう新しん加か载参数すう
    function reset()
    {
        $this->data_string = sprintf( '{"Image": "%s","HostConfig": {"NetworkMode": "bridge","PortBindings": {"80/tcp": [{"HostPort": "%s"}]}}}',$this->image_name,$this->container_port);
    }

多た线程 或ある 多た进程

Q：api客きゃく户端为什么需要じゅよう多た线程或ある多た进程。

A：以下いか是ぜ个人理解りかい：

当とうphp脚本きゃくほん没ぼつ有ゆう设置多た线程或ある没ぼつ有ゆう使用しよう进程方式ほうしき启动时,出で于性能せいのう考こう虑,中ちゅう间器会かい有ゆう响应时间设定,但ただし响应超ちょう时时,则认为目的もくてき服ふく务器有ゆう问题,即そく状じょう态为504错误。而多线程的てき设定或ある多た进程的てき方式ほうしき,不ふ会かい考こう虑响应时间问题,直ちょく达结束たば。此外,在ざい前まえ一いち种情况中,是ぜ全部ぜんぶ执行才ざい可か以输出で,而在第だい二に种情况中,随ずい着ぎ进展一いち步步ほほ输出。而我的てき代だい码(起おこり初はつ的てき代だい码),也遇到いた这个问题,当とう运行到いたdocker()函数かんすう时,需要じゅよう等とう待まち较长的てき等とう待まち时间,比ひ如30分ふん钟，那な毫不犹豫就是504报错。所以ゆえん需要じゅよう多た线程或ある多た进程。

Q：如何いか实现？

A:

image-20200723184832220

此回答かいとう参考さんこう此链接せっ https://www.zhihu.com/question/31893506/answer/53797159 作者さくしゃ：徐じょ汉彬

当とう正せい如前辈,在ざい这么长的时间段だん里さと,如何いか确保父ちち进程()还在进行工作こうさく,这是比ひ较难确定的てき,但ただし对于我わが而言依よ旧きゅう有ゆう学がく习价值。

多た线程 尝试

学がく习链接せっ:

【Multi-Threading in PHP with pthreads】

https://gist.github.com/krakjoe/6437782 原文げんぶん

https://download.csdn.net/download/tianhuimin/6407035 为上一いち篇へん的てき翻こぼし译 但ただし可か惜没csdn币￥

https://blog.csdn.net/u010433704/article/details/92795346 free 译文

https://www.cnblogs.com/zhenbianshu/p/7978835.html 实例

https://www.php.net/manual/zh/book.pthreads.php PHP手しゅ册さつ

http://www.netkiller.cn/journal/php.thread.html 推荐

多た进程 尝试

实话实说,开启一いち个新的てきshell进程,并在里さと面めん运行php脚本きゃくほん的てき方式ほうしき, 个人比ひ较推荐,就是要よう控ひかえ制せい好こう参さん数すう,以免被ひ直接ちょくせつ构造出でwebshell。

大だい致思路ろ是ぜ利用りようshell_exec()来らい实现异步执行,同どう时将输出导向/dev/null,并在将はた当とう前作ぜんさく业(docker.php)放ひ到いた当とう前まえ的てきshell的てき后きさき台だい执行。

大だい致代码

  • curl.php
if( empty($image_name) or empty($time) or check_images($image_name,$images_array) or check_time($time)){  
    $string = sprintf("<script>location.href='%s?error=4';</script>",$error_location);
    echo($string);       //错误类型 4 docker 页面参さん数すう缺かけ少すくな或ある错误,跳とべ转到靶机请求页面
}
else{
    $image_name = $images_array[$image_name];
    $docker = new docker($ip_url,$image_name,$container_name="",$container_port="",$time,$max_number,$port_pool,$error_location);
    $BOOL = $docker->ready();
    if($BOOL)
    {
        // 跳とべ转到成功せいこう页面
        $string = sprintf("<script>location.href='http://192.168.21.131:%s';</script>",$docker->container_port);
        echo $string;
        //image_name   container_name  container_port time
        $shell = sprintf("php docker.php %s %s %s %s >/dev/null &",$image_name,$docker->container_name,$docker->container_port,$time);
        var_dump($shell);
        shell_exec($shell);
    }
    else{
        $string = sprintf("<script>location.href='%s?error=3';</script>",$docker->error_location);
        echo($string);    //错误类型 3 容器ようき达到上限じょうげん,跳とべ转到同一どういつ的てき错误页面
    }
}
  • docker.php
<?php 
@include_once("config.php");
@include_once("class.php");

$docker_parameter = $argv;
var_dump($docker_parameter);

$image_name = $docker_parameter[1];
$container_name = $docker_parameter[2];
$container_port = $docker_parameter[3];
$time = $docker_parameter[4];

$Docker = new docker($ip_url,$image_name,$container_name,$container_port,$time,$max_number,$port_pool,$error_location);
$Docker->reset();
$Docker->docker();
?>

后きさき计与想そう法ほう

😓一いち开始,打算ださん远程控ひかえ制せいzstack来らい创建和わ销毁主ぬし机つくえ,虽然官かん网上有ゆう这一部分ぶぶん资料,但ただし可か行くだり性せい的てき方案ほうあん实现起おこり来らい难度还是高だか。和かず老ろう师商量しょうりょう之の后きさき,采さい用よう在ざいzstack开启一いち个docker云うん主ぬし机つくえ,并用remote api来らい实现容器ようき的てき创建和わ销毁,目前もくぜん来らい看み实现性せい要よう高だか很多,但ただし安全あんぜん性せい也是个燃眉まゆ之の急きゅう[可か见 Docker 2375 端はし口こう入いれ侵おかせ服ふく务器 ]，这还不ふ算さん脚本きゃくほん中ちゅう的てき问题(暂时在ざいdocker的てき方法ほうほう中有ちゅうう一いち个check函数かんすう,以备后きさき续研究けんきゅう)。此外,有ゆう空そら可か以着手ちゃくしゅ学がく习swoole。

Orz,丢人的てき我が。

About

No description, website, or topics provided.

Resources

Readme
Activity

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published

Languages

  • PHP 52.1%
  • CSS 25.3%
  • HTML 22.6%