iPhone開(kāi)發(fā)教程之重新構(gòu)建 iPhone 聊天應(yīng)用程序(一)

《iPhone開(kāi)發(fā)教程之重新構(gòu)建 iPhone 聊天應(yīng)用程序(一)》由會(huì)員分享，可在線(xiàn)閱讀，更多相關(guān)《iPhone開(kāi)發(fā)教程之重新構(gòu)建 iPhone 聊天應(yīng)用程序(一)（33頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、,單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級(jí),第三級(jí),第四級(jí),第五級(jí),2011-3-4,#,iPhone,開(kāi)發(fā)教程之重新構(gòu)建,iPhone,聊天應(yīng)用程序（一）,架構(gòu)一個(gè),iPhone,聊天應(yīng)用程序,常用縮寫(xiě)詞,架構(gòu)解決方案,構(gòu)建服務(wù)器腳本,清單,1.chat.sql,清單,2.add.php,清單,3.test.html,清單,4.messages.php,構(gòu)建客戶(hù)端代碼,創(chuàng)建用戶(hù)界面,創(chuàng)建視圖控制器,清單,5.iOSChatClientViewController.h,常用縮寫(xiě)詞,DOM,：文檔對(duì)象模型,IDE,：集成開(kāi)發(fā)環(huán)境,SAX,：,XML,簡(jiǎn)單,API,SQL,：結(jié)構(gòu)

2、化查詢(xún)語(yǔ)言,UI,：用戶(hù)界面,W3C,：萬(wàn)維網(wǎng)聯(lián)盟,XIB,：,Xml,界面生成器,XML,：可擴(kuò)展標(biāo)記語(yǔ)言,iPhone,開(kāi)發(fā)教程之架構(gòu)一個(gè),iPhone,聊天應(yīng)用程序,目前已有,4000,萬(wàn)臺(tái),iPhones,在用，您無(wú)疑對(duì)編寫(xiě),iOS,應(yīng)用程序感興趣。但是從何著手呢？大多數(shù)應(yīng)用程序都會(huì)連接網(wǎng)絡(luò)，那么一個(gè)跨越兩端的項(xiàng)目（比如說(shuō)聊天應(yīng)用程序）又是如何呢？本文將向您介紹如何利用服務(wù)器和客戶(hù)端組件構(gòu)建一個(gè)聊天應(yīng)用程序。從本文可以學(xué)到編寫(xiě),iOS,應(yīng)用程序的整個(gè)流程。學(xué)完本文之后，我保證您會(huì)想要編寫(xiě)一個(gè)這樣的應(yīng)用程序。,iPhone,開(kāi)發(fā)教程,構(gòu)建應(yīng)用程序從架構(gòu)解決方案開(kāi)始。,圖 1,中的架構(gòu)展示

3、了,iOS,設(shè)備（這里是,iPhone,）如何通過(guò)兩個(gè),PHP,頁(yè)面連接到服務(wù)器。,圖,1.Chat App,客戶(hù)端,/,服務(wù)器架構(gòu),iPhone,開(kāi)發(fā)教程之,架構(gòu)解決方案,這兩個(gè),PHP,頁(yè)面（,add.php,和,messages.php,）都連接到數(shù)據(jù)庫(kù)，分別用于發(fā)布和檢索消息。在我提供的代碼中，數(shù)據(jù)庫(kù)是,MySQL,，但是您可以使用,DB2,或者您喜歡的任何其他數(shù)據(jù)庫(kù)。,我使用的協(xié)議是,XML,。,add.php,頁(yè)面返回一個(gè),XML,消息，指出消息發(fā)布是否成功。,messages.php,頁(yè)面返回發(fā)布到服務(wù)器的最新消息。,iPhone,開(kāi)發(fā)教程,在您開(kāi)始之前，我想要介紹一下您將從本文

4、學(xué)到的內(nèi)容。,數(shù)據(jù)庫(kù)訪(fǎng)問(wèn),。我將向您介紹如何使用,PHP,向數(shù)據(jù)庫(kù)添加行和檢索行。,XML,編碼,。服務(wù)器代碼演示如何將消息打包成,XML,。,構(gòu)建,iOS,界面,。我將詳細(xì)介紹如何為應(yīng)用程序構(gòu)建用戶(hù)界面。,查詢(xún)服務(wù)器,。,Objective-C,代碼向,messages.php,頁(yè)面發(fā)出,GET,請(qǐng)求，以得到最新的聊天消息。,解析,XML,。使用對(duì),iOS,開(kāi)發(fā)人員可用的,XML,解析器，您可以解析從,messages.php,返回的,XML,。,顯示消息,。應(yīng)用程序使用一個(gè)定制列表項(xiàng)顯示聊天消息；這一方法可以讓您了解到如何定制自己的,iOS,應(yīng)用程序的外觀(guān)。,iPhone,開(kāi)發(fā)教程,發(fā)布消

5、息,。應(yīng)用程序通過(guò),add.php,將數(shù)據(jù)發(fā)布到服務(wù)器，,add.php,將指導(dǎo)您完成發(fā)布過(guò)程。,定時(shí)器,。定時(shí)器任務(wù)用于周期性地輪詢(xún),messages.php,，看何時(shí)來(lái)了新的聊天項(xiàng)目。,對(duì)于一個(gè)例子來(lái)說(shuō)，這些內(nèi)容太多了，應(yīng)該為您開(kāi)發(fā)您想要構(gòu)建的任何類(lèi)型的客戶(hù)端,/,服務(wù)器,iOS,應(yīng)用程序提供一組適當(dāng)?shù)墓ぞ摺?iPhone,開(kāi)發(fā)教程,從創(chuàng)建數(shù)據(jù)庫(kù)開(kāi)始。我將我的數(shù)據(jù)庫(kù)叫做,chat,，您可以給您的數(shù)據(jù)庫(kù)隨便取個(gè)您喜歡的名字。您只需要確保在,PHP,中更改連接字符串，以匹配數(shù)據(jù)庫(kù)的名稱(chēng)。用來(lái)為應(yīng)用程序構(gòu)建單個(gè)表的,SQL,腳本在,清單 1 中,。,iPhone,開(kāi)發(fā)教程之,構(gòu)建服務(wù)器腳本,DR

6、OP TABLE IF EXISTS chatitems;,CREATE TABLE chatitems(,id BIGINT NOT NULL PRIMARY KEY auto_increment,added TIMESTAMP NOT NULL,user VARCHAR(64)NOT NULL,message VARCHAR(255)NOT NULL,);,iPhone,開(kāi)發(fā)教程之,清單,1.chat.sql,這個(gè)簡(jiǎn)單的單表數(shù)據(jù)庫(kù)只有,4,個(gè)字段：,行的,id,，這是一個(gè)自動(dòng)遞增的整數(shù),添加消息的日期,添加消息的用戶(hù),消息本身的文本,您可以更改這些字段的大小，以適應(yīng)您的內(nèi)容。,在生產(chǎn)系統(tǒng)中

7、，您很可能還想要有一個(gè)帶有姓名和密碼字段的用戶(hù)表，還有一個(gè)用戶(hù)登錄界面。對(duì)于本例來(lái)說(shuō)，我想要讓數(shù)據(jù)庫(kù)盡量簡(jiǎn)單，所以數(shù)據(jù)庫(kù)中只有一個(gè)表。,您想要構(gòu)建的第一部分代碼是,清單 2,中的,add.php,腳本。,iPhone,開(kāi)發(fā)教程,iPhone,開(kāi)發(fā)教程之,清單,2.add.php,該腳本連接到數(shù)據(jù)庫(kù)，并使用已發(fā)布的,user,和,message,字段存儲(chǔ)消息。就是在簡(jiǎn)單的,INSERT,語(yǔ)句中，兩個(gè)值被轉(zhuǎn)義，以解決任何含義不確定的字符，比如說(shuō)可能會(huì)擾亂,SQL,語(yǔ)法的單引號(hào)。,為了測(cè)試,add,腳本，您創(chuàng)建一個(gè),test.html,頁(yè)面，如,清單 3,所示，它只是將字段張貼到,add.php,腳

8、本。,iPhone,開(kāi)發(fā)教程,Chat Message Test Form,User:,Message:,iPhone,開(kāi)發(fā)教程之,清單,3.test.html,這個(gè)簡(jiǎn)單的頁(yè)面只有一個(gè)表單（指向,add.php,）和兩個(gè)文本字段（分別用于用戶(hù)和消息）。然后還有一個(gè),Submit,按鈕，用于執(zhí)行張貼。,test.html,頁(yè)面安裝好之后，您就可以測(cè)試,add.php,腳本了。在瀏覽器中打開(kāi)測(cè)試頁(yè)面，結(jié)果類(lèi)似于,圖 2,，,User,字段中顯示有值,jack,，,Message,字段中有值,This is a test,，下面是一個(gè),Submit Query,按鈕。,iPhone,開(kāi)發(fā)教程,圖,2

9、.,消息發(fā)布測(cè)試頁(yè)面,從這里，您添加一些值并單擊,Submit Query,按鈕。如果一切正常，您會(huì)看到類(lèi)似于,圖 3,的畫(huà)面。,iPhone,開(kāi)發(fā)教程,圖,3.,成功的消息發(fā)布,iPhone,開(kāi)發(fā)教程,否則，您可能會(huì)得到一個(gè),PHP,堆棧跟蹤，告訴您數(shù)據(jù)庫(kù)連接失敗或者,INSERT,語(yǔ)句不工作。,消息添加腳本能夠工作，下面應(yīng)該構(gòu)建,messages.php,腳本了，它返回消息列表。該腳本展示在,清單 4,中。,iPhone,開(kāi)發(fā)教程,.,mysql_real_escape_string($_REQUESTpast).,ORDER BY added LIMIT 50);,else,$resul

10、t=mysql_query(SELECT*FROM chatitems ORDER BY added LIMIT 50);,?,iPhone,開(kāi)發(fā)教程之,清單,4.messages.php,id=,iPhone,開(kāi)發(fā)教程,這個(gè)腳本稍微有點(diǎn)復(fù)雜。它做的第一件事是完成查詢(xún)。這里有兩種可能：,如果提供了,past,參數(shù)，那么腳本只返回超過(guò)指定,ID,的消息。,如果沒(méi)有指定,past,參數(shù)，那么返回所有消息。,使用,past,參數(shù)的原因是，您想要客戶(hù)端是智能的。您想要客戶(hù)端記住它已經(jīng)看到過(guò)的消息，只尋找那些超過(guò)它已經(jīng)具有的消息?？蛻?hù)端邏輯足夠簡(jiǎn)單，它只保留它找到的最高值,ID,，并作為,past,參數(shù)

11、發(fā)送它。在開(kāi)始時(shí)，它可以發(fā)送,0,作為值，相當(dāng)于根本就不指定任何內(nèi)容。,腳本的第二部分從查詢(xún)結(jié)果集中檢索記錄，并將它們編碼成,XML,。如果這一部分腳本能夠工作，那么您在瀏覽器中打開(kāi)這一頁(yè)面時(shí)，會(huì)看到類(lèi)似,圖 4,的效果。,iPhone,開(kāi)發(fā)教程,圖,4.,聊天消息列表,iPhone,開(kāi)發(fā)教程,服務(wù)器腳本就算完成了。當(dāng)然，您可以添加您想要的任何邏輯，額外的通道、用戶(hù)驗(yàn)證和登錄，等等。對(duì)于這個(gè)實(shí)驗(yàn)性的聊天應(yīng)用程序，這個(gè)腳本已經(jīng)工作得很好了。現(xiàn)在您可以構(gòu)建將會(huì)使用這個(gè)服務(wù)器腳本的,iOS,應(yīng)用程序了。,iPhone,開(kāi)發(fā)教程,iOS IDE,叫做,XCode,。如果您還沒(méi)有這個(gè),IDE,，那么需要

12、從,Apple Developer Site,（參見(jiàn),參考資料,）下載它。最新生產(chǎn)版本是,XCode 3,，我這里的屏幕截圖使用的就是這個(gè)版本?，F(xiàn)在已經(jīng)有了一個(gè)更新的版本，叫做,XCode 4,，它在,IDE,中集成了,User Interface,編輯器，但是該版本目前還處于預(yù)覽模式。,XCode,安裝好之后，現(xiàn)在就該使用,圖 5,所示的,New Project,向?qū)?gòu)建應(yīng)用程序了。,iPhone,開(kāi)發(fā)教程之,構(gòu)建客戶(hù)端代碼,圖,5.,構(gòu)建一個(gè)基于視圖的,iPhone,應(yīng)用程序,iPhone,開(kāi)發(fā)教程,開(kāi)始最容易的應(yīng)用程序類(lèi)型是基于視圖的應(yīng)用程序。這種應(yīng)用程序允許您在您選擇的地方放置控件，并

13、為您完成大多數(shù),UI,設(shè)計(jì)。選擇控件之后，再選擇,iPhone,或,iPad,。這一選擇關(guān)系到您將在什么樣的設(shè)備上進(jìn)行模擬。您可以編寫(xiě)代碼，以便在,iPhone,或,iPad,或者,Apple,即將推出的任何其他,i-,設(shè)備上運(yùn)行。,單擊,Choose,之后，您會(huì)被要求給應(yīng)用程序命名。我將我的應(yīng)用程序取名為“,iOSChatClient,”，但是您可以隨便給自己的應(yīng)用程序取一個(gè)您喜歡的名字。您給應(yīng)用程序命名之后，,XCode IDE,會(huì)構(gòu)建核心應(yīng)用程序文件。然后，編譯并啟動(dòng)它，確保一切正常。,iPhone,開(kāi)發(fā)教程,創(chuàng)建應(yīng)用程序之后，您就可以開(kāi)發(fā)界面了。從視圖控制器,XIB,文件開(kāi)始，該文件位

14、于,Resources,文件夾中。通過(guò)雙擊該文件夾，可以打開(kāi),Interface Builder,，這是,UI,工具箱。,圖,6.,界面布局,iPhone,開(kāi)發(fā)教程之,創(chuàng)建用戶(hù)界面,圖 6,展示了我如何布局三個(gè)控件。頂部是文本框，用于輸入您想要發(fā)送的消息。文本框的右邊是,Send,按鈕。下面是,UITableView,對(duì)象，其中展示了所有聊天記錄。,我會(huì)詳細(xì)介紹如何在,Interface Builder,中完成這一切，但是我建議您下載項(xiàng)目代碼，自己試驗(yàn)一下。盡管放心將該項(xiàng)目用作您自己的應(yīng)用程序的模板。,iPhone,開(kāi)發(fā)教程,用戶(hù)界面這就完成了。下一個(gè)任務(wù)是回到,XCode IDE,，向視圖控

15、制器類(lèi)定義添加一些成員變量、屬性和方法，如,清單 5,所示。,iPhone,開(kāi)發(fā)教程之,創(chuàng)建視圖控制器,#import,interface iOSChatClientViewController:UIViewController,IBOutlet UITextField*messageText;,IBOutlet UIButton*sendButton;,IBOutlet UITableView*messageList;,NSMutableData*receivedData;,NSMutableArray*messages;,int lastId;,iPhone,開(kāi)發(fā)教程之,清單,5.iOSC

16、hatClientViewController.h,NSTimer*timer;,NSXMLParser*chatParser;,NSString*msgAdded;,NSMutableString*msgUser;,NSMutableString*msgText;,int msgId;,Boolean inText;,Boolean inUser;,iPhone,開(kāi)發(fā)教程,property(nonatomic,retain)UITextField*messageText;,property(nonatomic,retain)UIButton*sendButton;,property(nonatomic,retain)UITableView*messageList;,-(IBAction)sendClicked:(id)sender;,end,iPhone,開(kāi)發(fā)教程,從頂部開(kāi)始，我向類(lèi)定義添加了,UITableViewDataSource,和,UITableViewDelegate,。該代碼用于驅(qū)動(dòng)消息顯示。類(lèi)中有一些方法可以被回調(diào)，以便向表視圖提供數(shù)據(jù)和布局信息。,實(shí)例變量分為五組。