青瓷引擎之純JavaScript打造HTML5遊戲第二彈——《跳躍的方塊》Part 5（添加微信支持）

繼上一次介紹了《神奇的六邊形》的完整遊戲開發流程後（可點擊這裏查看），此次將爲你們介紹另一款魔性遊戲《跳躍的方塊》的完整開發流程。

          （點擊圖片可進入遊戲體驗）

因內容太多，爲方便你們閱讀，因此分屢次來說解。

若要一次性查看全部文檔，也可點擊這裏。

 

接上回（《跳躍的方塊》Part 4）

（二）添加微信支持

添加插件

遊戲須要使用微信登錄、和分享，因此使用引擎中提供的微信插件進行實現。
先添加微信插件，並按插件教程搭建微信分享和登錄支持。具體步驟可參見文檔。 這裏直接按該插件Demo的配置進行配置。客戶端將WeChat腳本加載在UIRoot上。

實現登陸的邏輯處理

將上一步生成的db.php放於微信登錄插件中的game目錄下，修改微信登錄插件中game/login.php中的代碼，獲取到用戶數據後保存到數據庫中。修改以下：

 1 <?php
 2     // ....
 3     // ....
 4     // 修改登錄後的處理部分
 5     require_once('db.php');
 6     // 登陸成功後的遊戲邏輯處理，有的話請自行補充
 7     function after_login($openid, $userInfo) {
 8         // TODO：業務邏輯自行補充
 9     // 獲取數據庫鏈接
10     $mysqli = DB::getDB();
11 
12     if ($mysqli->connect_error) {
13         die(json_encode(array(
14             "error" => "數據庫鏈接失敗"
15         )));
16     }
17 
18     $insert_update = "insert into user_info (open_id, name, head_icon, score) values (?, ?, ?, 0) on duplicate key update name = VALUES(name), head_icon = VALUES(head_icon)";
19     $stmt = $mysqli->prepare($insert_update);
20     if (!$stmt) {
21         die(json_encode(array(
22             "error" => "數據庫鏈接失敗"
23         )));
24     }
25 
26     $stmt->bind_param("sss", $v_open_id, $v_name, $v_head_icon);
27 
28     $v_open_id = $open_id;
29     $v_name = $user_info["nickname"];
30     $v_head_icon = $user_info["headimgurl"];
31 
32     $stmt->execute();
33     if ($stmt->errno) {
34         die(json_encode(array(
35             "error" => "註冊用戶失敗，錯誤代碼：".$stmt->errno
36         )));
37     }
38     $stmt->close();
39 }
40 
41 //....
42 //....
43 
44 // 調用具體的業務邏輯處理， 傳入用戶參數
45 after_login($token['openid'], json_decode($line['msg'], true));
46 ?>

 

 

下次將繼續介紹如何」分數上傳及排行榜查詢「，敬請期待！

 

其餘相關連接

開源免費的HTML5遊戲引擎——青瓷引擎(QICI Engine) 1.0正式版發佈了！

JS開發HTML5遊戲《神奇的六邊形》（一）

青瓷引擎之純JavaScript打造HTML5遊戲第二彈——《跳躍的方塊》Part 1