《iPhone開發(fā)教程之重新構(gòu)建 iPhone 聊天應(yīng)用程序(一)》由會(huì)員分享，可在線閱讀，更多相關(guān)《iPhone開發(fā)教程之重新構(gòu)建 iPhone 聊天應(yīng)用程序(一)（33頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。
1、,單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級(jí),第三級(jí),第四級(jí),第五級(jí),2011-3-4,#,iPhone,開發(fā)教程之重新構(gòu)建,iPhone,聊天應(yīng)用程序（一）,架構(gòu)一個(gè),iPhone,聊天應(yīng)用程序,常用縮寫詞,架構(gòu)解決方案,構(gòu)建服務(wù)器腳本,清單,1.chat.sql,清單,2.add.php,清單,3.test.html,清單,4.messages.php,構(gòu)建客戶端代碼,創(chuàng)建用戶界面,創(chuàng)建視圖控制器,清單,5.iOSChatClientViewController.h,常用縮寫詞,DOM,：文檔對象模型,IDE,：集成開發(fā)環(huán)境,SAX,：,XML,簡單,API,SQL,：結(jié)構(gòu)
2、化查詢語言,UI,：用戶界面,W3C,：萬維網(wǎng)聯(lián)盟,XIB,：,Xml,界面生成器,XML,：可擴(kuò)展標(biāo)記語言,iPhone,開發(fā)教程之架構(gòu)一個(gè),iPhone,聊天應(yīng)用程序,目前已有,4000,萬臺(tái),iPhones,在用，您無疑對編寫,iOS,應(yīng)用程序感興趣。但是從何著手呢？大多數(shù)應(yīng)用程序都會(huì)連接網(wǎng)絡(luò)，那么一個(gè)跨越兩端的項(xiàng)目（比如說聊天應(yīng)用程序）又是如何呢？本文將向您介紹如何利用服務(wù)器和客戶端組件構(gòu)建一個(gè)聊天應(yīng)用程序。從本文可以學(xué)到編寫,iOS,應(yīng)用程序的整個(gè)流程。學(xué)完本文之后，我保證您會(huì)想要編寫一個(gè)這樣的應(yīng)用程序。,iPhone,開發(fā)教程,構(gòu)建應(yīng)用程序從架構(gòu)解決方案開始。,圖 1,中的架構(gòu)展示
3、了,iOS,設(shè)備（這里是,iPhone,）如何通過兩個(gè),PHP,頁面連接到服務(wù)器。,圖,1.Chat App,客戶端,/,服務(wù)器架構(gòu),iPhone,開發(fā)教程之,架構(gòu)解決方案,這兩個(gè),PHP,頁面（,add.php,和,messages.php,）都連接到數(shù)據(jù)庫，分別用于發(fā)布和檢索消息。在我提供的代碼中，數(shù)據(jù)庫是,MySQL,，但是您可以使用,DB2,或者您喜歡的任何其他數(shù)據(jù)庫。,我使用的協(xié)議是,XML,。,add.php,頁面返回一個(gè),XML,消息，指出消息發(fā)布是否成功。,messages.php,頁面返回發(fā)布到服務(wù)器的最新消息。,iPhone,開發(fā)教程,在您開始之前，我想要介紹一下您將從本文
4、學(xué)到的內(nèi)容。,數(shù)據(jù)庫訪問,。我將向您介紹如何使用,PHP,向數(shù)據(jù)庫添加行和檢索行。,XML,編碼,。服務(wù)器代碼演示如何將消息打包成,XML,。,構(gòu)建,iOS,界面,。我將詳細(xì)介紹如何為應(yīng)用程序構(gòu)建用戶界面。,查詢服務(wù)器,。,Objective-C,代碼向,messages.php,頁面發(fā)出,GET,請求，以得到最新的聊天消息。,解析,XML,。使用對,iOS,開發(fā)人員可用的,XML,解析器，您可以解析從,messages.php,返回的,XML,。,顯示消息,。應(yīng)用程序使用一個(gè)定制列表項(xiàng)顯示聊天消息；這一方法可以讓您了解到如何定制自己的,iOS,應(yīng)用程序的外觀。,iPhone,開發(fā)教程,發(fā)布消
5、息,。應(yīng)用程序通過,add.php,將數(shù)據(jù)發(fā)布到服務(wù)器，,add.php,將指導(dǎo)您完成發(fā)布過程。,定時(shí)器,。定時(shí)器任務(wù)用于周期性地輪詢,messages.php,，看何時(shí)來了新的聊天項(xiàng)目。,對于一個(gè)例子來說，這些內(nèi)容太多了，應(yīng)該為您開發(fā)您想要構(gòu)建的任何類型的客戶端,/,服務(wù)器,iOS,應(yīng)用程序提供一組適當(dāng)?shù)墓ぞ摺?iPhone,開發(fā)教程,從創(chuàng)建數(shù)據(jù)庫開始。我將我的數(shù)據(jù)庫叫做,chat,，您可以給您的數(shù)據(jù)庫隨便取個(gè)您喜歡的名字。您只需要確保在,PHP,中更改連接字符串，以匹配數(shù)據(jù)庫的名稱。用來為應(yīng)用程序構(gòu)建單個(gè)表的,SQL,腳本在,清單 1 中,。,iPhone,開發(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,開發(fā)教程之,清單,1.chat.sql,這個(gè)簡單的單表數(shù)據(jù)庫只有,4,個(gè)字段：,行的,id,，這是一個(gè)自動(dòng)遞增的整數(shù),添加消息的日期,添加消息的用戶,消息本身的文本,您可以更改這些字段的大小，以適應(yīng)您的內(nèi)容。,在生產(chǎn)系統(tǒng)中
7、，您很可能還想要有一個(gè)帶有姓名和密碼字段的用戶表，還有一個(gè)用戶登錄界面。對于本例來說，我想要讓數(shù)據(jù)庫盡量簡單，所以數(shù)據(jù)庫中只有一個(gè)表。,您想要構(gòu)建的第一部分代碼是,清單 2,中的,add.php,腳本。,iPhone,開發(fā)教程,iPhone,開發(fā)教程之,清單,2.add.php,該腳本連接到數(shù)據(jù)庫，并使用已發(fā)布的,user,和,message,字段存儲(chǔ)消息。就是在簡單的,INSERT,語句中，兩個(gè)值被轉(zhuǎn)義，以解決任何含義不確定的字符，比如說可能會(huì)擾亂,SQL,語法的單引號(hào)。,為了測試,add,腳本，您創(chuàng)建一個(gè),test.html,頁面，如,清單 3,所示，它只是將字段張貼到,add.php,腳
8、本。,iPhone,開發(fā)教程,Chat Message Test Form,User:,Message:,iPhone,開發(fā)教程之,清單,3.test.html,這個(gè)簡單的頁面只有一個(gè)表單（指向,add.php,）和兩個(gè)文本字段（分別用于用戶和消息）。然后還有一個(gè),Submit,按鈕，用于執(zhí)行張貼。,test.html,頁面安裝好之后，您就可以測試,add.php,腳本了。在瀏覽器中打開測試頁面，結(jié)果類似于,圖 2,，,User,字段中顯示有值,jack,，,Message,字段中有值,This is a test,，下面是一個(gè),Submit Query,按鈕。,iPhone,開發(fā)教程,圖,2
9、.,消息發(fā)布測試頁面,從這里，您添加一些值并單擊,Submit Query,按鈕。如果一切正常，您會(huì)看到類似于,圖 3,的畫面。,iPhone,開發(fā)教程,圖,3.,成功的消息發(fā)布,iPhone,開發(fā)教程,否則，您可能會(huì)得到一個(gè),PHP,堆棧跟蹤，告訴您數(shù)據(jù)庫連接失敗或者,INSERT,語句不工作。,消息添加腳本能夠工作，下面應(yīng)該構(gòu)建,messages.php,腳本了，它返回消息列表。該腳本展示在,清單 4,中。,iPhone,開發(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,開發(fā)教程之,清單,4.messages.php,id=,iPhone,開發(fā)教程,這個(gè)腳本稍微有點(diǎn)復(fù)雜。它做的第一件事是完成查詢。這里有兩種可能：,如果提供了,past,參數(shù)，那么腳本只返回超過指定,ID,的消息。,如果沒有指定,past,參數(shù)，那么返回所有消息。,使用,past,參數(shù)的原因是，您想要客戶端是智能的。您想要客戶端記住它已經(jīng)看到過的消息，只尋找那些超過它已經(jīng)具有的消息?？蛻舳诉壿嬜銐蚝唵?，它只保留它找到的最高值,ID,，并作為,past,參數(shù)
11、發(fā)送它。在開始時(shí)，它可以發(fā)送,0,作為值，相當(dāng)于根本就不指定任何內(nèi)容。,腳本的第二部分從查詢結(jié)果集中檢索記錄，并將它們編碼成,XML,。如果這一部分腳本能夠工作，那么您在瀏覽器中打開這一頁面時(shí)，會(huì)看到類似,圖 4,的效果。,iPhone,開發(fā)教程,圖,4.,聊天消息列表,iPhone,開發(fā)教程,服務(wù)器腳本就算完成了。當(dāng)然，您可以添加您想要的任何邏輯，額外的通道、用戶驗(yàn)證和登錄，等等。對于這個(gè)實(shí)驗(yàn)性的聊天應(yīng)用程序，這個(gè)腳本已經(jīng)工作得很好了?，F(xiàn)在您可以構(gòu)建將會(huì)使用這個(gè)服務(wù)器腳本的,iOS,應(yīng)用程序了。,iPhone,開發(fā)教程,iOS IDE,叫做,XCode,。如果您還沒有這個(gè),IDE,，那么需要
12、從,Apple Developer Site,（參見,參考資料,）下載它。最新生產(chǎn)版本是,XCode 3,，我這里的屏幕截圖使用的就是這個(gè)版本。現(xiàn)在已經(jīng)有了一個(gè)更新的版本，叫做,XCode 4,，它在,IDE,中集成了,User Interface,編輯器，但是該版本目前還處于預(yù)覽模式。,XCode,安裝好之后，現(xiàn)在就該使用,圖 5,所示的,New Project,向?qū)?gòu)建應(yīng)用程序了。,iPhone,開發(fā)教程之,構(gòu)建客戶端代碼,圖,5.,構(gòu)建一個(gè)基于視圖的,iPhone,應(yīng)用程序,iPhone,開發(fā)教程,開始最容易的應(yīng)用程序類型是基于視圖的應(yīng)用程序。這種應(yīng)用程序允許您在您選擇的地方放置控件，并
13、為您完成大多數(shù),UI,設(shè)計(jì)。選擇控件之后，再選擇,iPhone,或,iPad,。這一選擇關(guān)系到您將在什么樣的設(shè)備上進(jìn)行模擬。您可以編寫代碼，以便在,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,開發(fā)教程,創(chuàng)建應(yīng)用程序之后，您就可以開發(fā)界面了。從視圖控制器,XIB,文件開始，該文件位
14、于,Resources,文件夾中。通過雙擊該文件夾，可以打開,Interface Builder,，這是,UI,工具箱。,圖,6.,界面布局,iPhone,開發(fā)教程之,創(chuàng)建用戶界面,圖 6,展示了我如何布局三個(gè)控件。頂部是文本框，用于輸入您想要發(fā)送的消息。文本框的右邊是,Send,按鈕。下面是,UITableView,對象，其中展示了所有聊天記錄。,我會(huì)詳細(xì)介紹如何在,Interface Builder,中完成這一切，但是我建議您下載項(xiàng)目代碼，自己試驗(yàn)一下。盡管放心將該項(xiàng)目用作您自己的應(yīng)用程序的模板。,iPhone,開發(fā)教程,用戶界面這就完成了。下一個(gè)任務(wù)是回到,XCode IDE,，向視圖控
15、制器類定義添加一些成員變量、屬性和方法，如,清單 5,所示。,iPhone,開發(fā)教程之,創(chuàng)建視圖控制器,#import,interface iOSChatClientViewController:UIViewController,IBOutlet UITextField*messageText;,IBOutlet UIButton*sendButton;,IBOutlet UITableView*messageList;,NSMutableData*receivedData;,NSMutableArray*messages;,int lastId;,iPhone,開發(fā)教程之,清單,5.iOSC
16、hatClientViewController.h,NSTimer*timer;,NSXMLParser*chatParser;,NSString*msgAdded;,NSMutableString*msgUser;,NSMutableString*msgText;,int msgId;,Boolean inText;,Boolean inUser;,iPhone,開發(fā)教程,property(nonatomic,retain)UITextField*messageText;,property(nonatomic,retain)UIButton*sendButton;,property(nonatomic,retain)UITableView*messageList;,-(IBAction)sendClicked:(id)sender;,end,iPhone,開發(fā)教程,從頂部開始，我向類定義添加了,UITableViewDataSource,和,UITableViewDelegate,。該代碼用于驅(qū)動(dòng)消息顯示。類中有一些方法可以被回調(diào)，以便向表視圖提供數(shù)據(jù)和布局信息。,實(shí)例變量分為五組。
iPhone開發(fā)教程之重新構(gòu)建 iPhone 聊天應(yīng)用程序(一)
