【授業】　Web APIを使う

授業 PHP

Web APIとの通信の流れ

  1. PHPファイルがAPIにデータをリクエスト
  2. APIがレスポンスデータXMLで返してきたものをPHPで受け取る
  3. ブラウザ上で表示できるようにHTMLに変換する


REST（Representational State Transfer）形式
リクエストとレスポンスはそれぞれ通信に適切な形でやりとりされます。
リクエストにはURLの形にすること
レスポンス時にはXMLの形で受け取る


載せたいページのサムネールとリンクを作る

Webサイトのサムネイル画像／PDF ファイルを生成するAPI
HeartRails Capture

できたコード


QRコードをつける

  1. PHPファイル　テストサーバーを用意
<img src="http://chart.apis.google.com/chart?chs=画像サイズ
&cht=qr&chl=QRコードを生成したいページのURLエンコード済みの文字列"alt="">

:例

<img src="http://chart.apis.google.com/chart?chs=120x120&cht=qr&chl=
http://d.hatena.ne.jp/HONME/201209" alt="">

上記コードをPHPで記述すると

QRコード作成サイト

QRコードを表示するPHP

＜qrcode.php＞

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>QRコード作成サイト</title>
<style>
body {
  text-align: center;
}
</style>
</head>
<body>
<p>生成されたQRコード</p>
<?php
$keyword = $_GET["keyword"];
$keywordurl = urlencode($keyword);
$url="http://chart.apis.google.com/chart?chs=150x150
&cht=qr&chl=$keywordurl";
?>
<img src="<?php echo $url; ?>">
</body>
</html>

$keywordurl = urlencode($keyword);

↑このコードで、文字コードが変換されるので、どんなコードを入れても読み取ってくれる

$url="http://chart.apis.google.com/chart?chs=150x150
&cht=qr&chl=$keywordurl";

↑このコードでgoogleのQRコード作成サイトから作られたQR画像を引っ張ってこられる


検索制作を表示する画面

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>検索フォーム</title>
<style>
body {
  text-align: center;
}
</style>
</head>
<body>
<p>QRコードにしたい文字を入力してください。</p>
<form action="qrcode.php" method="get">
キーワード：<input type ="text"  name="keyword"size="40">
<input type="submit" value="検索">
</form>
</body>
</html>

amazonアソシエイトプログラム

自分のホームページや、ブログにamazonの商品を表示、紹介できる
amazonアソシエイトプログラム

amazonにおまかせで商品を表示　↓
「ログイン」→「ウィジェット」→好きなジャンルを選んで「サイトに追加」→
ソースがでるので貼り付ける

自分のサイトにあった商品を表示↓
API特有のブログにあわせた表示を受けるためには、アクセスキーの認証を取得して設定