iOS开发——网络编程OC篇&使用WebView构建HyBird应用

浏览数：32 / 时间：2015年06月11日

使用WebView构建HyBird应用

HyBird是一种本地技术与Web相结合，能过实现跨平台的移动应用开发，最常用的一个框架：PhoneGap

一：首先，写好html代码

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
 5         <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
 6         <script>
 7             //从iOS对象中调用
 8             function  helloWorld(msg) {
 9                 document.getElementById(‘message‘).innerHTML = msg;
10             }
11             //调用iOS对象
12             function showAndroidDialog(msg) {
13                 var myJSONObject = new Object();
14                 myJSONObject.title = ‘HelloWorld‘;
15                 myJSONObject.message = msg;
16                 var JSONString = JSON.stringify(myJSONObject);
17                 var uri = ‘gap://XXXClass.XXXmethod#‘ + JSONString;
18                 window.location = uri;
19             }
20          </script>
21         
22     </head>
23     <body>
24         <h2>iOS本地与Web互相调用</h2>
25         <button onclick=‘showAndroidDialog("JS to iOS 对象")‘>调用iOS对象</button>
26         <br><br>
27         <div  id=‘message‘></div>
28     </body>
29 </html>

二：在iOS中调用javaScript代码：

 1 - (void)viewDidLoad
 2 {
 3     [super viewDidLoad];
 4     // Do any additional setup after loading the view, typically from a nib.
 5     
 6     self.webView.delegate = self;
 7     NSString *path = [[NSBundle mainBundle] pathForResource:@"www/index" ofType:@"html"];
 8     [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath: path]]];
 9 }
10 
11 - (void)didReceiveMemoryWarning
12 {
13     [super didReceiveMemoryWarning];
14     // Dispose of any resources that can be recreated.
15 }
16 
17 #pragma mark UIWebViewDelegate
18 
19 - (void)webViewDidFinishLoad:(UIWebView *)webView
20 {
21     [self.webView stringByEvaluatingJavaScriptFromString:@"helloWorld(‘从iOS对象中调用JS Ok.‘)"];
22 }
23 
24 
25 - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
26 {
27     NSString *actionType = request.URL.host;
28     NSString *scheme = request.URL.scheme;
29     NSString *fragment = [request.URL.fragment URLDecodedString];
30     NSData *responseData = [fragment dataUsingEncoding:NSUTF8StringEncoding];
31     
32     if ( [scheme isEqualToString:@"gap"] ) {
33         if ([actionType isEqualToString:@"XXXClass.XXXmethod"]) {
34             
35             NSError* error;
36             NSDictionary* json = [NSJSONSerialization
37                                   JSONObjectWithData:responseData
38                                   options:NSJSONReadingAllowFragments
39                                   error:&error];
40             
41             NSLog(@"title: %@ , message: %@",[json objectForKey:@"title"], [json objectForKey:@"message"] );
42             
43         }
44     }
45     return true;
46 }

注：这里用到了一个NSString的分类用于字符串雨URL的编码与解码

 1 - (NSString *)URLEncodedString
 2 {
 3     NSString *result = (NSString *)
 4     CFBridgingRelease(CFURLCreateStringByAddingPercentEscapes(kCFAllocatorDefault,
 5                                             (CFStringRef)self,
 6                                             NULL,
 7                                             CFSTR("!*‘();:@&amp;=+$,/?%#[] "),
 8                                             kCFStringEncodingUTF8));
 9     return result;
10 }
11 
12 - (NSString*)URLDecodedString
13 {
14     NSString *result = (NSString *)
15     CFBridgingRelease(CFURLCreateStringByReplacingPercentEscapesUsingEncoding(kCFAllocatorDefault,
16                                                             (CFStringRef)self,
17                                                             CFSTR(""),
18                                                             kCFStringEncodingUTF8));
19     return result;
20 }