Just a Computer Graphics Studio & My Life

有時候我們需要從網頁中獲得回傳資料,比如使用WebView來輸入帳密,成功登入後會回傳token,之後我們需要此token來呼叫相關API,以取得此帳密的相關資訊。

這麼做是想提高安全性,所輸入的帳密不想給App知曉,透過Web輸入後回傳字面上沒啥意義的token給App,而這個token是有效期限,一段時間過後便需要再取得一次,下次取得的token跟上次不一樣,以保護真實帳密資訊。

使用方式很簡單,建立一個WebView,載入目標網頁,並實作delegate,待網頁載入完畢,即可解析出網頁中Javascript回傳值。

/**
 Theme: Get Value from WebView
 IDE: Xcode 6
 Language: Objective C
 Date: 104/04/08
 Author: HappyMan
 Blog: https://cg2010studio.wordpress.com/
 */
- (void)viewDidLoad
{
    [super viewDidLoad];

    [self.displayWebView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"happytest" ofType:@"html"]isDirectory:NO]]];
}

#pragma mark -
#pragma mark - UIWebViewDelegate

-(void)webViewDidFinishLoad:(UIWebView *)webView
{
    NSString *information = [self.displayWebView stringByEvaluatingJavaScriptFromString:@"happyFunction()"];
    NSLog(@"Web response: %@", information);
}

測試時我們要自行準備檔案放在專案下,並命名為happytest.html,內容如下:

<html>
    <head></head>
    <body>
        Just Happy Test...
        <script type="text/javascript">
            function happyFunction() {
                alert("Happy Alert!!");
                return "I need the information";
            }
        </script>
    </body>
</html>

編譯執行後畫面~

iOS Simulator Screen Shot 2015年4月8日 上午6.19.26

首先會跳出提示

iOS Simulator Screen Shot 2015年4月8日 上午6.11.19

載入完畢後顯示

 

列印出來的文字,也就是我們想取得的資訊:

Web response: I need the information

更新:

iOS 7之後有更好的做法,可參考文章:Objective C與Javascript的溝通

參考:Passing Data To and From an Embedded UIWebView

廣告

發表留言

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s

標籤雲

%d 位部落客按了讚: