web-dev-qa-db-ja.com

WKWebView POSTリクエストにヘッダーを設定できません

POST WKWebViewへのリクエストを行いたいのですが、Charlesでリクエストを監視するときにヘッダーが設定されないため、リクエストが失敗します。ここで何が問題になっていますか？

NSString *post = [NSString stringWithFormat: @"email=%@&password=%@", email, password];
NSData *postData = [post dataUsingEncoding:NSASCIIStringEncoding allowLossyConversion:YES];
NSString *contentLength = [NSString stringWithFormat:@"%d", postData.length];

NSURL *url = [NSURL URLWithString:@"http://materik.me/endpoint"];
NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:url];
[request setHTTPMethod:@"POST"];
[request setHTTPBody:postData];
[request setValue:contentLength forHTTPHeaderField:@"Content-Length"];
[request setValue:@"application/x-www-form-urlencoded" forHTTPHeaderField:@"Content-Type"];
[request setValue:@"application/json" forHTTPHeaderField:@"Accept"];

[webview loadRequest:request];

そして、これはチャールズが要求が次のようであると言うものです：

POST /endpoint HTTP/1.1
Host: materik.me
Content-Type: application/x-www-form-urlencoded
Origin: null
Connection: keep-alive
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
User-Agent: Mozilla/5.0 (iPhone; CPU OS 8_0 like Mac OS X)
Content-Length: 0
Accept-Language: en-us
Accept-Encoding: gzip, deflate

したがって、ご覧のとおり、Content-Lengthは0であり、Acceptはapplication/jsonではなく、リクエスト本文は送信されませんでした。

助けてくれてありがとう。

iosobjective-cnsurlrequestcharles-proxywkwebview
21
Mattias Eriksson

WKWebViewでも同じ問題があり、UI8でピッカーのクラッシュを回避するためにUIWebViewの代わりに使用することにしました。考えられる方法は2つあります。

  1. NSURLConnectionを使用して要求を作成し、WKWebViewに応答データを入力します。ここに例を見つけることができます： https://stackoverflow.com/a/10077796/411668 （必要なのはconnection:didReceiveData:およびconnectionDidFinishLoading:自己署名SSL証明書を使用しない場合、デリゲートから）
  2. JavaScriptを使用してPOSTリクエストを作成します。以下に例を示します。

ファイルを作成します。 「POSTRequestJS.html」：

<html>
    <head>
        <script>
            //POST request example:
            //post('URL', {key: 'value'});
            function post(path, params) {
                var method = "post";
                var form = document.createElement("form");
                form.setAttribute("method", method);
                form.setAttribute("action", path);

                for(var key in params) {
                    if(params.hasOwnProperty(key)) {
                        var hiddenField = document.createElement("input");
                        hiddenField.setAttribute("type", "hidden");
                        hiddenField.setAttribute("name", key);
                        hiddenField.setAttribute("value", params[key]);

                        form.appendChild(hiddenField);
                    }
                }

                document.body.appendChild(form);
                form.submit();
            }
        </script>
    </head>
    <body>
    </body>
</html>

そして、リクエストをロードしたい場所の後のコードで：

NSString *path = [[NSBundle mainBundle] pathForResource:@"POSTRequestJS" ofType:@"html"];
NSString *html = [[NSString alloc] initWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];
WKWebView.navigationDelegate = self;
[WKWebView loadHTMLString:html baseURL:[[NSBundle mainBundle] bundleURL]];

メソッドを追加：

- (void)makePostRequest
{
    NSString *postData = [NSString stringWithFormat: @"email=%@&password=%@", email, password];
    NSString *urlString = @"http://materik.me/endpoint";
    NSString *jscript = [NSString stringWithFormat:@"post('%@', {%@});", urlString, postData];

    DLog(@"Javascript: %@", jscript);

    [WKWebView evaluateJavaScript:jscript completionHandler:nil];

    didMakePostRequest = YES;
}

最後に、WKNavigationDelegateを追加します。

- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation
{
    if (!didMakePostRequest) {
        [self makePostRequest];
    }
}
16
Spas Bilyarski

OPが述べたように、Charlesでは、webView.load(request)の後の本文が0バイトであることも確認しました。

このWKWebViewバグには回避策があります。URLSessionを使用してPOSTリクエストを開始し、サーバーから返されたデータをStringに変換し、使用するURLをロードする代わりに- loadHTMLString これは：

WebページのコンテンツとベースURLを設定します。

コンテンツは変換された文字列です。

var request = URLRequest(url: URL(string: "http://www.yourWebsite")!)
request.httpMethod = "POST"
let params = "do=something&andAgain=something"
request.httpBody = params.data(using: .utf8)

let task = URLSession.shared.dataTask(with: request) { (data : Data?, response : URLResponse?, error : Error?) in
        if data != nil
        {
            if let returnString = String(data: data!, encoding: .utf8)
            {
                self.webView.loadHTMLString(returnString, baseURL: URL(string: "http://www.yourWebsite.com")!)
            }
        }
}
task.resume()
15
OhadM

これはバグのようです。
https://bugs.webkit.org/show_bug.cgi?id=140188

うまくいけば、すぐに対処されます。それまでの間、UIWebViewに戻すか、Spas Bilyarskiが彼の答えで提案した回避策を実装するのが最良の選択肢のようです。

8
Paul Roe

私はこのデリゲートメソッドを使用し、それが動作します!!!

#pragma mark - WKNavigationDelegate

- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler{

    NSLog(@"%@",navigationAction.request.allHTTPHeaderFields);

    NSString *accessToken = @"Bearer 527d3401f16a8a7955aeae62299dbfbd";
    NSMutableURLRequest *request = [navigationAction.request mutableCopy];

    if(![[request.allHTTPHeaderFields allKeys] containsObject:@"Authorization"]){
        [request setValue:accessToken forHTTPHeaderField:@"Authorization"];

        decisionHandler(WKNavigationActionPolicyCancel);
        [Helper hideProgressHUD];
        [webView loadRequest:request];

    } else {
        decisionHandler(WKNavigationActionPolicyAllow);
    }
}
7
Harish Pathak

この問題を確認できます。私にとっての簡単な回避策は、jQueryを使用したAJAXリクエストです。

$.ajax({
    type : 'POST',
    url : $('#checkout-form').attr('action'),
    data : $('#checkout-form').serialize()
}).done(function(response, status) {
    // response if return value 200
}).fail(function(status, error) {
    console.log(error);
});

私のフォームは次のように見えます

<form id="checkout-form" method="POST" action="/shop/checkout">
...
</form>

これが誰かの助けになることを願っています...

2
Olli D-Metz

回避策：html5とjavascriptを使用したトリック。

以下のコンテンツを含むhtml5ファイルをxcodeプロジェクトに追加します。 javascriptとh5フォームを使用してデータを投稿するには：

<html>
    <head>
        <script>
            //how to call： post('URL', {"key": "value"});
            function post(path, params) {
                var method = "post";
                var form = document.createElement("form");
                form.setAttribute("method", method);
                form.setAttribute("action", path);
                for(var key in params) {
                    if(params.hasOwnProperty(key)) {
                        var hiddenField = document.createElement("input");
                        hiddenField.setAttribute("type", "hidden");
                        hiddenField.setAttribute("name", key);
                        hiddenField.setAttribute("value", params[key]);
                        form.appendChild(hiddenField);
                    }
                }
                document.body.appendChild(form);
                form.submit();
            }
        </script>
    </head>
    <body>
    </body>
</html>

H5ファイルをWKWebViewにロードします。

WKWebViewConfiguration* config = [[WKWebViewConfiguration alloc] init];
config.preferences = [[WKPreferences alloc]init];
config.preferences.javaScriptEnabled = YES;
WKWebView* webView = [[WKWebView alloc] initWithFrame:[UIScreen mainScreen].bounds configuration:config];
webView.navigationDelegate = self;
[self.view addSubview:webView];
NSString *path = [[NSBundle mainBundle] pathForResource:@"JSPOST" ofType:@"html"];
NSString *html = [[NSString alloc] initWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];
[webView loadHTMLString:html baseURL:[[NSBundle mainBundle] bundleURL]];

送信するパラメーターを準備します。すなわち。文字列と辞書の配列注：NSJSONSerializationを使用して配列をJSON文字列に変換すると、「\ r」が自動的に追加される場合があります。 JSON文字列のすべての「\ r」を削除する必要があります。削除しないと、javascriptを正しく解析できません。

// parameters to post
NSString* name = @"Swift";
NSArray* array = @[@{@"id":@"1", @"age":@"12"}, @{@"id":@"2", @"age":@"22"}];
NSData *jsonData = [NSJSONSerialization dataWithJSONObject:array options:NSJSONWritingPrettyPrinted error:nil];
NSString *jsonString = [[NSString alloc] initWithData:jsonData encoding:NSUTF8StringEncoding];
jsonString = [jsonString stringByReplacingOccurrencesOfString:@"\"" withString:@"\\\'"];
// trim spaces and newline characters
jsonString = [jsonString stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]];
jsonString = [jsonString stringByReplacingOccurrencesOfString:@"\r" withString:@""];
jsonString = [jsonString stringByReplacingOccurrencesOfString:@"\n" withString:@""];
NSString *postData = [NSString stringWithFormat: @"'name':'%@', 'contacts':'%@'", name, jsonString];
// page url to request
NSString *urlStr = @"http:api.example.com/v1/detail";
// javascript to evalute
NSString *jscript = [NSString stringWithFormat:@"post('%@',{%@});", urlStr, postData];
//NSLog(@"Javzascript: %@", jscript);

これをWKWebViewのデリゲートに入れます：didFinishNavigation

// call the javascript in step 3
(void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {
     GCD_MAIN((^{
          [_web evaluateJavaScript:jscript completionHandler:^(id object, NSError * _Nullable error) {
               if (error) {
                   NSLog(@"----------->>>>>>>>>>>>> evaluateJavaScript error : %@", [error localizedDescription]);
               }
          }];
     }));
 }
1
user7712661

WKWebView.loadメソッドは、投稿本文を含む投稿リクエストでは機能しません。このトリックを行うにはJavaScriptを使用する必要があります。WKWebView.evaluateJavascript。

バグかもしれませんが、Appleは今のところ対処していません。

0
Xiaodong Ma