首頁 [教學]如何架設デュラララ!!風格的聊天室
« 首頁 »
2010 年 06 月 27 日 留言:17

[教學]如何架設デュラララ!!風格的聊天室

Plurk
分享文章

轉載須知:
本部落格的文章不允許未經告知的全篇及部份轉載,若有需要轉載或引用請先留言通知我。
(想轉貼到噗浪、facebook、twitter上的人也請留言通知,謝謝。)

前陣子看到了這篇文章:「デュラララに登場するチャットを再現した」便非常想架架看這種風格的聊天室,但是當時沒有很仔細研究架設方法,這篇文章就一直躺在我的最愛裡長灰塵。結果最近因為也跟著看起デュラララ!!,所以又再度把這篇文章翻出來,也成功的架設了測試用的聊天室。(雖然過程有點波折)

總之因為架設成功,朋友們也玩的挺開心的,所以就決定來寫個簡單的架設教學,畢竟這原作者其實沒有把步驟寫的很清楚,與其讓每個人都花一堆時間摸索不如寫個教學比較快。

注意:此教學內容包含部份網頁語法及FTP軟體的使用,若你對網頁語法及FTP軟體完全不熟悉,請先查閱相關教學後再閱讀此教學文。

首先先來解釋一下デュラララ!!風格的聊天室到底是什麼東西。

關於這個聊天室的畫面和操作方式,我想有看過動畫的人應該都知道,至於沒看動畫的人可以參考這篇文章裡的截圖。總之這支程式就是為了模擬動畫裡那個聊天室的效果才寫出來的。

它主要的功能/特色有:

  • 簡潔平滑的介面和可愛的特效。
  • 不用註冊會員,只要輸入暱稱和選擇頭像即可使用。
  • 聊天室裡的房間關閉時聊天內容也會一起清除。
  • 支援多國語言介面。(跟P3一樣可以自行翻譯語言檔)

其他的等我想到再補充。(喂)

就算沒看過動畫,看完上面的介紹後也會覺得有點心動吧?雖然現在功能其實還有點陽春,而且多少有點bug,不過拿來當臨時討論用的聊天室我覺得還不錯,只是要記得另外開檔案紀錄對話就是了XD

那麼接下來就是要教大家怎麼架設囉! [閃亮]

第一步、準備一個網頁空間。

當然要架設這個聊天室一定要有一個空間才能上傳檔案,但是這個網頁空間必須要能夠支援PHP5,否則就算上傳檔案也沒用。(像我這已經停產的方案只支援到PHP4,真哀傷……)

所以這裡順便推薦幾個我覺得還能用的免費空間,有一些不知道什麼時候會掛掉,不過這個聊天室架設相當簡單,也沒有資料保存的問題(聊天紀錄會自動刪除),所以用這種空間架設就可以啦~

1.Freehostia(250M/6G)
2.Host1Free(10G/250G)
3.Free Web Hosting Area(1G/流量好像沒限制?不確定有沒有廣告。)

申請方式和使用方法等請自行google。

我目前是用第一個架設,這個聽說存活蠻久了比較不用怕它突然死掉這樣,不過流量稍微少了一點。除了我上面列舉的之外,如果自己已經有買空間而且有支援PHP5的話也可以用自己的空間架設。

注意:這個聊天室還蠻吃流量的,昨天測試一個晚上就可以吃掉最起碼快100M的流量,而且聊天人數應該也不到10人,所以架設之前請先衡量自己空間的流量是否足夠。

第二步、取得主程式並上傳檔案。

主程式請到這裡下載。(原作者為Suin

下載之後請將壓縮檔解壓縮,會出現一個名為「dura」的資料夾。

接著打開你慣用的FTP程式(我是使用FileZilla這套軟體),連上你的空間之後將剛才的「dura」資料夾整個上傳到你的空間裡。

第三步、修改設定及檔名。

現在回到檔案總管找到剛才的「dura」資料夾,對資料夾裡的「setting.dist.php」檔案按右鍵,然後選擇開啟檔案→選擇程式→使用記事本(notepad)開啟,就會出現我們要修改的設定文字了。

首先找到以下這一段:

define('DURA_URL', 'http://www.example.com ');

然後把「http://www.example.com」這段網址改成你剛才上傳檔案的位置,
例如「http://空間網址/dura」這樣。(這個網址就是聊天室的網址)

改完之後請直接儲存檔案。

接著請再用FTP程式把「setting.dist.php」檔案上傳到剛才上傳檔案的位置,會跳出詢問是否要覆蓋原始檔案的視窗,請選擇「覆蓋原檔案」。上傳完之後再把檔名「setting.dist.php」改為「setting.php」即可。

第四步:修改「xml」資料夾之權限。

最後我們必須修改「xml」資料夾的權限,這樣我們輸入的聊天內容才能夠寫入對話暫存檔內。

方法很簡單,首先使用FTP程式(這裡以FileZilla為例)連線到剛才我們上傳主程式的目錄,找到「trust_path」這個資料夾裡的「xml」資料夾,對該資料夾按右鍵選擇「檔案權限…」之後會出現下圖:

請把「755」這個數字改成「777」然後按下確認鍵儲存。

現在你可以直接連線到聊天室的網址,如果出現這樣的畫面就代表你架設成功了! [閃亮]

快登入聊天室創立一個你自己的房間,把你的朋友統統拉進來聊吧! [得意]

我架來測試用的聊天室→
想試玩的人可以用這個玩玩看,但不要聊得太過火害我流量爆掉嘿 [蒼白臉]

留言

( 17 )
  1. kori 2010 年 08 月 22 日 14:48

    請問下admin怎樣kick人啊

    • Hinishi (管理員) 2010 年 08 月 22 日 15:34

      目前還沒辦法踢人喔,房間的管理者才有辦法踢人,admin只能廣播而已。

  2. 黑月 2011 年 09 月 22 日 21:25

    我需要求救!
    我找不到下載點..請問板主有沒有備份檔案或者有最新版本能提供一下下載網址,非常感謝你!

    • Hinishi (管理員) 2011 年 09 月 23 日 21:50

      可能是作者已經不提供下載了喔!
      因為我最近很忙所以暫時還無法提供檔案,可能要等忙完才能處理,不好意思。

  3. 黑月 2011 年 09 月 24 日 16:48

    你好,我已經架好了
    http://twgokf.webbeo.info/duar/index.php
    但請問一下..要如何變更網頁的名稱呢?
    我一直找不到在哪變更,網頁名稱全都是日文的= =

    • 黑月 2011 年 09 月 24 日 17:45

      你好,謝謝了,我已經都會用了,但原作者的聊天室好炫!...真想做成原作那樣的網頁

      • Hinishi (管理員) 2011 年 09 月 30 日 19:52

        作者沒有釋出檔案我也沒辦法(攤手)

  4. 月詠 2011 年 09 月 27 日 23:08

    版主你好 請問你是否也可以給我一份檔案 因為我找不到載點

    • Hinishi (管理員) 2011 年 09 月 30 日 19:52

      不好意思,因為敝人目前太忙,請自行尋找其他管道取得,感謝。

  5. 阿蟬 2011 年 10 月 15 日 23:12

    可以提供一下檔案壓縮檔的名稱嗎...
    因為實在是找不到原檔

  6. 焰龍 2011 年 10 月 16 日 13:08

    也非常希望可以給我檔案
    我非常需要這樣東西~
    可以的話 我很感謝你的幫忙~

  7. hnk 2012 年 01 月 09 日 21:27

    您好,我也想要一份這種的私人聊天室!
    我可以免費提供空間/域名。並長期FREE開放。
    麻煩給我一份原始檔案,我來架設^^
    麻煩E-mail給我。

  8. hnk 2012 年 01 月 20 日 21:19

    各位,我終於找到原始碼了。在這我開放給大家下載。
    http://tsftp.net/bluelovers-drrr-like-chat-6d26be0.zip

    • 黑與月 2012 年 02 月 08 日 1:27

      這個版本是用軟體去攝取的對吧,所以有奇怪的系統碼
      並非正規..冏

  9. あほ 2013 年 03 月 24 日 17:11

    https://github.com/bluelovers/drrr-like-chat
    這裡可以下載支緩手機版的DRRR風格聊天室~
    但跟住修改777和setting.dis.php to setting.php檔,上傳後都不能成功打開網頁~
    請問版主可以幫看,怎樣才可以成功安裝?

  10. 墨貓 2014 年 04 月 05 日 8:13

    成功了~!!感謝大大的分享!!

發表迴響