如何写一个使用Web Service的IOS应用

本教程是来自于

http://www.raywenderlich.com/2965/how-to-write-an-ios-app-that-uses-a-web-service

我很喜欢这个网站的教程,所以翻译过来,并进行了概括,以方便以后回顾。

适合有一定的基础的开发人员,快速实施。如果是初学者,那么请看原文链接,讲的很详细。


 

一、 前期准备工作:

需要使用的第三方库:

库名称

功能

下载地址

JSON

用来解析Json数据

https://github.com/stig/json-framework/downloads

ASIHTTPRequest

HTTP的封装

http://github.com/pokeb/asi-http-request/tarball/master

MBProgressHUD

进度、状态指示器

https://github.com/matej/MBProgressHUD

接下来就开始创建项目并导入:

1.开启Xcode创建一个项目,项目类型选择Single View Application。

2.创建三个Group,并导入上述三个库。

     JSON:将JSON\Classes目录的文件托入刚才创建的JSON GROUP。

     ASIHTTPRequest:将ASIHTTPRequest\Classes目录的所有文件拖入创建的ASIHTTPRequest GROUP(注意,只要当前目录的文件,CloudFiles之类的目录不需要)

                                 ASIHTTPRequest\External\Reachability这里的文件也要加进来

    MBProgressHUD:将MBProgressHUD.m和MBProgressHUD.h拖入MBProgressHUD GROUP

以上三个操作,拖入的时候,记得勾选Copy items into destination group’s folder (if needed)选项,意思是把目录复制到你的项目中,而不是只引用。

3.导入一些必要的frameworks:点击左侧导航栏中你的项目->选中target->再选择build phases栏0->Link Binary with Libraries。点击+按钮,搜索CFNetwork.framework and SystemConfiguration.framework,MobileCoreServices.framework, and libz.1.2.3.dylib四个库。

以上三个大步骤完成后,点击编译。完成第一个阶段。 


 

二、实现Interface

创建UI: 1.label

              2.textfield

              3.textview


 

三、与WebService交互

      我们的Web Service需要三个参数:

  • rw_app_id: 应用的唯一标识号. If you’ve been following along with the previous tutorial, there should be only one entry so far, App ID #1.
  • code: The code to attempt to redeem. This should be a string that’s entered by the user.
  • device_id: The device ID that is attempting to redeem this code. We can get this with an easy API call

我们需要使用POST机制请求WebService。ASIHTTPRequest将使这一过程变得很便捷。

     1.创建一个ASIFormDataRequest实例与URL

     2.使用setPostValue方法指定各个参数

     3.设置viewcontroller为request的delegate,之后调用startAsynchronous来发起异步请求

     4.当请求完毕后,requestFinished或者requestFailed会被回调

     5.requestFinished无论webservice相应一个错误的代码,或者正确响应,都会被调用,所以在这个函数里要检查请求成功或者失败

     6.如果一切顺利,再解析收到的JSON数据

- (BOOL)textFieldShouldReturn:(UITextField *)textField {
    NSLog(@"Want to redeem: %@", textField.text);
    
    // Get device unique ID
    UIDevice *device = [UIDevice currentDevice];
    NSString *uniqueId= [device uniqueIdentifier];
    
    // Start request
    NSString *code = textField.text;
    NSURL *url = [NSURL URLWithString:@"http://www.wildfables.com/promos/"];
    ASIFormDataRequest *request = [ASIFormDataRequest requestWithURL:url];
    [request setPostValue:@"1" forKey:@"rw_app_id"];
    [request setPostValue:code forKey:@"code"];
    [request setPostValue:uniqueId forKey:@"device_id"];
    [request setDelegate:self];
    [request startAsynchronous];
    
    // Hide keyword
    [textField resignFirstResponder];
    
    // Clear text field
    textView.text = @"";  
    
    //状态指示器
    MBProgressHUD *hud = [MBProgressHUD showHUDAddedTo:self.view animated:YES];
    hud.labelText = @"Redeeming code...";
    return TRUE;
}

/*请求完成后回调*/
- (void)requestFinished:(ASIHTTPRequest *)request
{    
    [MBProgressHUD hideHUDForView:self.view animated:YES];
    
    if (request.responseStatusCode == 400) {
        textView.text = @"Invalid code";        
    } else if (request.responseStatusCode == 403) {
        textView.text = @"Code already used";
    } else if (request.responseStatusCode == 200) {
        NSString *responseString = [request responseString];
        NSDictionary *responseDict = [responseString JSONValue];
        NSString *unlockCode = [responseDict objectForKey:@"unlock_code"];
        
        if ([unlockCode compare:@"com.razeware.test.unlock.cake"] == NSOrderedSame) {
            textView.text = @"The cake is a lie!";
        } else {        
            textView.text = [NSString stringWithFormat:@"Received unexpected unlock code: %@", unlockCode];
        }
        
    } else {
        textView.text = @"Unexpected error";
    }
    
}
/*请求失败后回调*/
- (void)requestFailed:(ASIHTTPRequest *)request
{    
    [MBProgressHUD hideHUDForView:self.view animated:YES];
    
    NSError *error = [request error];
    textView.text = error.localizedDescription;
}

为了让用户感受到,在请求数据的时候,程序在运行,而不是假死,所以要添加状态指示器。

三个步骤

// Add at the top of the file#import "MBProgressHUD.h"

 

// Add right before return TRUE in textFieldShouldReturn

MBProgressHUD *hud =[MBProgressHUD showHUDAddedTo:self.view animated:YES];

hud.labelText =@"Redeeming code...";

 

// Add at start of requestFinished AND requestFailed 

[MBProgressHUD hideHUDForView:self.view animated:YES];

编译运行,大功告成。

运行结果

代码:http://d1xzuxjlafny7l.cloudfront.net/downloads/PromoTest.zip

 

ps:IOS5.0以上支持JSON解析,方法如下:

IOS5_JSON

posted on 2012-06-17 21:27  cokecoffe  阅读(26947)  评论(3编辑  收藏  举报

导航