Clever Geek Handbook

雲の中のスクリーンショット

画像

こんにちは



私たちの多くはスクリーンショットを共有する必要がある場合があり、スクリーンショットファイルをメール/スカイプで送信する代わりに、サードパーティのサービスを使用できます。



ただし、 ayurganovのおかげで、 http：//habrahabr.ru/blogs/soft/132937/の記事を使用して、ホスティングで簡単なGyazoサービスを設定できます。



さらに進んで、テーマを開発しました。スクリーンショットはRackSpace CloudFiles - RackSpaceの CDNに保存され、問題なく「habraeffect」に耐えることができます。 また、ファイルへのリンクはBit.lyを介して適切に短縮されています。





このスクリプトを使用するには、次のものが必要です。

  1. RackSpaceコンテナーを作成し、CDNでファイルを共有できるようにします。

    画像
  2. RackSpaceアカウントの設定で、APIキーを見つけます。
  3. 設定のビットアカウントで、APIの使用を有効にし、同じ場所でユーザー名とパスワードを見つけます。
  4. リポジトリの内容をホストにコピーします
  5. 記事http://habrahabr.ru/blogs/soft/132937/に従って、クライアントを構成します。


メインアプリケーションコードは次のとおりです。 

<?php require('files/cloudfiles.php'); //Bitly credentials $bitly_name='##Bitly_name'; $bitly_key='##Bitly_key'; $gyazo_url = $_SERVER['SERVER_NAME']; $company_name='my_company'; //Rackspace Credentials $username='##Rackspace_UN'; $key='##Rackspace_key'; $container='##Rackspace_container'; /* returns the shortened url */ function get_bitly_short_url($url,$login,$appkey,$format='txt') { $connectURL = 'http://api.bit.ly/v3/shorten/?login='.$login.'&apiKey='.$appkey.'&uri='.urlencode($url).'&format='.$format; return curl_get_result($connectURL); } /* returns a result form url */ function curl_get_result($url) { $ch = curl_init(); $timeout = 5; curl_setopt($ch,CURLOPT_URL,$url); curl_setopt($ch,CURLOPT_RETURNTRANSFER,1); curl_setopt($ch,CURLOPT_CONNECTTIMEOUT,$timeout); $data = curl_exec($ch); curl_close($ch); return $data; } //When file is uploaded if(isset($_FILES['imagedata']['name'])) { $name = substr(md5(time()), -28).'.'.$company_name.'.png'; //Store it on Rackspace if ($tempname = $_FILES['imagedata']['tmp_name']){ $auth = new CF_Authentication($username, $key); $auth->authenticate(); $conn = new CF_Connection($auth); $container = $conn->create_container($container); $object = $container->create_object($name); $object->load_from_filename($tempname); $fileuri = $container->make_public(); $imageu = $object->public_uri(); //Output file url echo $gyazo_url."?limage=$imageu"; } }else { $limage=$_GET['limage']; $shorten = get_bitly_short_url($limage,$bitly_name,$bitly_key); echo "<head> <link rel='shortcut icon' href=$limage> </head> <style type='text/css'> #url1, #url2 { width:150px; } #url2 { } .copy { display:inline-block; height:16px; width:16px; background:url(files/copy.png); position:relative; top:3px; } .copy:hover { opacity:0.5; cursor:pointer; } .copied { display:inline-block; height:16px; width:16px; background:url(files/copied.png); position:relative; top:3px; margin-left:5px; } .wrap { display:block; width:300px; } </style> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script src='files/jquery.zclip.min.js'></script> <script type='text/javascript'> $(document).ready(function(){ $('#copy1').zclip({ path:'files/ZeroClipboard.swf', copy:$('#url1').val(), afterCopy:function(){ $(this).after('<span class=copied></span>'); $(this).next('.copied').fadeOut('slow'); }, }); $('#copy2').zclip({ path:'files/ZeroClipboard.swf', copy:$('#url2').val(), afterCopy:function(){ $(this).after('<span class=copied></span>'); $(this).next('.copied').fadeOut('slow'); }, }); $('#url1, #url2').click(function(){ $(this).select(); }); }); </script> <span class='wrap'><input id='url1' type='text' value=$shorten> <span class='copy' id='copy1'></span></span> <hr /> <img src=$limage>"; } ?>




ブラウザでは、スクリーンショットは次のようになります。

画像



そして、リンクの近くにあるボタンをクリックすると、フラッシュドライブはそれをクリップボードにコピーします。 さらに、このリンクは、ハブまたはjiraに挿入して、必要な人に簡単に転送できます。



全体として、非常に快適です！ お勧めです！



脅威。 私のqblx.co短縮サービスに驚かないでください-これは同じbit.lyで、個人ドメインのみです。



更新： Amazon S3のGyazoサーバーはこちら： Github.com


More articles:


All Articles