6月 2022 - Planaria Work Log

Unity + WebGLでSQLサーバにセーブデータを保存する機能を実装しました． 経緯 わけあって，Unityでブラウザゲームを制作することになったのですが， 依頼主からセーブ・ロード機能が欲しいと言われました． とりあえず調べてみると，PlayerPrefsあたりが使えるみたいですが， ローカル保存ではなくサーバ保存にしたいとのこと． さらに調べてみると，ゲームアツマールに投稿すればAPIを使ってサーバに セーブできるらしいのですが，ニコニコアカウント必須なのはNGで， ゲーム自体も依頼主のホームページに置きたいそうなので却下． 結局，SQLサーバに保存する機能を自作することにしました． 概要 とはいえ，実装する構造自体はシンプルです． Unityからセーブデータをサーバに送る処理送られたセーブデータをデータベースに登録する処理セーブデータをデータベースから読み込んでUnityに送る処理Unityで受けっとたセーブデータをゲームに反映する処理 こんな感じでしょうか？ とりあえず，サーバ側でセーブ・ロードするAPIを書いて， UnityでPostすれば良さそうです． セーブ・ロードAPI まずは，データベースとの接続処理を書きます． &lt;?php //MySQL接続 function connectDB(){ //ユーザ名・DBアドレス $dsn = 'mysql:dbname=XXXXXXX; host=XXX.XXX.XXX.XXX; charset=utf8'; $username = 'XXXX'; $password = 'XXXX'; try { $pdo = new PDO($dsn, $username, $password); } catch (PDOException $e) { exit('' . $e-&gt;getMessage()); } return $pdo; } ?&gt; 次に，セーブ用の処理をPHPで書いていきます． &lt;?php require_once('connect.php'); //connect.phpを使ってデータベースに接続する $pdo = connectDB(); $table = &quot;XXX&quot;; //DBのテーブル名 //POST受け取り $id = $_POST[&quot;id&quot;]; //ユーザのid $no = $_POST[&quot;no&quot;]; //セーブファイルの番号 $json = $_POST[&quot;json&quot;]; //json形式のセーブデータ if($no != &quot;&quot;){ try { $stmt = $pdo-&gt;prepare(&quot;INSERT INTO $table (id, no, json) VALUES ( :id, :no, :json ) ON DUPLICATE KEY UPDATE json = :json&quot;); $stmt-&gt;bindValue(':id', $id, PDO::PARAM_STR); $stmt-&gt;bindValue(':no', $no, PDO::PARAM_STR); $stmt-&gt;bindValue(':time', $json, PDO::PARAM_STR); $stmt-&gt;execute(); } catch (PDOException $e) { var_dump($e-&gt;getMessage()); } } $pdo = null; //DB切断 $res = &quot;NG&quot;; if($stmt) $res = &quot;OK&quot;; echo $res; //結果を表示 ?&gt; ここでは，ユーザIDとセーブファイルの番号をデータベースの主キーとして， セーブデータはjson形式で保存します．データベースでは以下のようなテーブルを 用意しておきます． idnojsonユーザIDセーブファイル番号セーブデータ この3つのデータはPostで受け取る様にしておきます． 同様に，ロード用の処理も書きます． &lt;?php require_once('connect.php'); //connect.phpを使ってデータベースに接続する $pdo = connectDB(); $table = &quot;XXX&quot;; //DBのテーブル名 //POST受け取り $id = $_POST[&quot;id&quot;]; //要求されてくるユーザのid try { $stmt = $pdo-&gt;prepare(&quot;SELECT * FROM $table WHERE `id` = :id&quot;); $stmt-&gt;bindValue(':id', $id, PDO::PARAM_STR); $log = $stmt; $stmt-&gt;execute(); //ここの処理は適宜変更する(！一度連想配列にしてからjsonにした方がきれい！) $res = '{&quot;id&quot;:&quot;'; $res2 = '&quot;,&quot;data&quot;:['; foreach ($stmt as $row) { //今回はただカラムを指定し、出力された文字列を結合して出力 $getid = $row['id']; $res2 = $res2. '{&quot;no&quot;:&quot;'; $res2 = $res2. $row['no']; $res2 = $res2. '&quot;,&quot;json&quot;:&quot;'; $res2 = $res2. $row['json']; $res2 = $res2. '&quot;},'; } if($id != $getid) $id = &quot;NoSuchIDError!&quot;; $res = $res. $id; $res = $res. $res2; $res = rtrim($res,','); $res = $res. ']}'; } catch (PDOException $e) { $res = '{&quot;id&quot;:&quot;SQLError!&quot;,&quot;data&quot;:[]}'; } $pdo = null; //DB切断 echo $res; //unity に結果を返す ?&gt; こちらは，ユーザIDをPostで受け取るとすべてのセーブデータをjson形式で返しています． Unity側の処理 あとは，UnityにてPost処理を書きます．ここではwwwを使っていますが，できれば新しい方の UnityWebRequestsを使いましょう． Dictionary&lt;string, string&gt; dic = new Dictionary&lt;string, string&gt;(); //Postするデータ dic.Add(&quot;id&quot;, id); dic.Add(&quot;no&quot;, no); dic.Add(&quot;json&quot;, json); private IEnumerator Post(string uri, Dictionary&lt;string, string&gt; post) { WWWForm form = new WWWForm(); foreach (KeyValuePair&lt;string, string&gt; post_arg in post) { form.AddField(post_arg.Key, post_arg.Value); } WWW www = new WWW(uri, form); yield return StartCoroutine(CheckTimeOut(www, 3f)); //3sでタイムアウト; if (www.error != null) { Debug.Log(&quot;Post Error: &quot; + www.error); //そもそも接続ができていないとき } else if (www.isDone) { //接続に成功した時 //送られてきたデータ(www.text)をテキスト表示 Debug.Log(www.text); /*以下で適宜セーブのチェックやロード処理を書く * * * */ } } このPostはこんな感じで StartCoroutine(Post(URI, dic)); 使いたいところでコルーチンを開始させます． 所感 思ったより簡単に実装することは出来ましたが，普通にめんどくさいので 特別な理由がなければ，PlayerPrefsかゲームアツマールAPIを使いましょう．

2022年6月

Elasticsearch＋Reactでデータの更新が反映されない

Elasticsearchメモ①

React(Next.js) + Elasticsearch の非同期処理

GitHub Actionsで自動デプロイする

【Unity＋WebGL】コピペが上手く使えない問題

DockerのElasticsearchの設定を書き換える

VSCodeでSSH接続したホストのDocker内のファイルを編集する

【Unity＋WebGL】セーブ・ロード機能の実装