【クラウドエディタ】CodeanywhereでPHPとMySQLを使ってみる

はじめに

前回、PHP用のコンテナを使用可能にするかまでを記事にしました。

【クラウドエディタ】CodeanywhereでPHPを使ってみる

 

今回は、PHPをMySQLと連携させるところを記事にしたいと思います。

PhpMyAdminを開く

PHP用のコンテナを作成すると、自動的にPhpMyAdminが導入されます。

PhpMyAdminへアクセスするためのURLは、コンテナのinfoの中に記載されています。

 

infoを開く方法

コンテナを右クリックして開いたメニューの「info」をクリックしてください。

 

対象のURLを開くとPhpMyAdminが表示されます。

 

MySQLアカウント

MySQLには以下のアカウント情報で接続が可能です。

ユーザ名 root
パスワード ※なし
ホスト localhost

 

データベースを作成する

今回はサンプルとして以下のデータベース、テーブルを利用します。

データベース blog
テーブル posts

 

以下をまるごとコピーして、SQLに投げ込んでください。

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";
CREATE DATABASE IF NOT EXISTS `blog` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci;
USE `blog`;

CREATE TABLE IF NOT EXISTS `posts` (
  `no` int(11) NOT NULL,
  `title` varchar(20) NOT NULL,
  `created_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8mb4;

INSERT INTO `posts` (`no`, `title`, `created_at`) VALUES
(1, 'ブログポスト1', '2020-03-16 23:41:49'),
(2, 'ブログポスト2', '2020-03-16 23:49:38'),
(3, 'ブログポスト3', '2020-03-16 23:49:38');

ALTER TABLE `posts`
  ADD PRIMARY KEY (`no`);

ALTER TABLE `posts`
  MODIFY `no` int(11) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=4;

 

PHPをMySQLにつなげる

サンプルとして blog.php という名前で作成します。
このファイルにプログラムのソースを記載します。

全体ソース

<?php
  define('DATABASE','blog');
  define('USER','root');
  define('PASSWORD','');
  define('DSN','mysql:host=localhost;charset=utf8mb4;dbname=' . DATABASE);

  try{
    //DB接続
    $db = new PDO(DSN,USER,PASSWORD);
    //エラーをスロー
    $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    //データを取得
    $posts = $db->query('SELECT * FROM posts');
  } catch(PDOException $e){
    header('Content-Type: text/plain; charset=UTF-8', true, 500);
    exit($e->getMessage()); 
  }
?>
<!doctype html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>投稿一覧</title>
  </head>
  <body>
    <h1>投稿一覧</h1>
    <table>
      <thead>
        <tr>
          <th>No</th>
          <th>Title</th>
        </tr>
      </thead>
      <thbody>
        <?php 
        while ($row = $posts->fetch()) {
          printf('<tr><td>%d</td><td>%s</td></tr>', $row['no'], $row['title']);
        }
        ?>
      </thbody>
    </table>  
  </body>
</html>

 

大雑把な解説は以下を参照してください。

DB接続情報

DBに接続するための情報defineで定義します。

define('DATABASE','blog');
define('USER','root');
define('PASSWORD','');
define('DSN','mysql:host=localhost;charset=utf8mb4;dbname=' . DATABASE);

DBに接続

try・catchでエラーを検知しながら、PDOを使ってDBに接続し、情報を取得します。

try{
  //DB接続
  $db = new PDO(DSN,USER,PASSWORD);
  //エラーをスロー
  $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
  //データを取得
  $posts = $db->query('SELECT * FROM posts');
} catch(PDOException $e){
  header('Content-Type: text/plain; charset=UTF-8', true, 500);
  exit($e->getMessage()); 
}

取得データを表示する

取得したデータをテーブルにレイアウトして表示します。

<!doctype html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>投稿一覧</title>
  </head>
  <body>
    <h1>投稿一覧</h1>
    <table>
      <thead>
        <tr>
          <th>No</th>
          <th>Title</th>
        </tr>
      </thead>
      <thbody>
        <?php 
        while ($row = $posts->fetch()) {
          printf('<tr><td>%d</td><td>%s</td></tr>', $row['no'], $row['title']);
        }
        ?>
      </thbody>
    </table>  
  </body>
</html>

 

さいごに

Codeanywhereで、PHPを使ってMySQLに接続する方法でした。

後ほどSSHを使って、コンテナに接続方法を記事にします。

 

今日はこの辺でー

  • この記事を書いた人

カバノキ

印刷会社のWEB部隊に所属してます。 WEB制作に携わってから、もう時期10年になります。 普段の業務では、PHPをメインにサーバーサイドの言語を扱っています。 最近のお気に入りはJavascriptです。 Vue.jsを狂喜乱舞しながら、社内に布教中です。

-Codeanywhere
-, , ,