WKWebView 无法设置 Cookie (iOS 11+)

Question

我正在拼命尝试将自定义 cookie 添加到 WKWebView 实例（不使用 Javascript 或类似的解决方法）。

从 iOS 11 及更高版本开始，Apple 提供了一个 API 来执行此操作：WKWebViews WKWebsiteDataStore 有一个属性 httpCookieStore。

这是我的（示例）代码：

import UIKit
import WebKit

class ViewController: UIViewController {

    var webView: WKWebView!

    override func viewDidLoad() {
        webView = WKWebView()
        view.addSubview(webView)
        super.viewDidLoad()
    }

    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)

        let cookie = HTTPCookie(properties: [
            HTTPCookiePropertyKey.domain : "google.com",
            HTTPCookiePropertyKey.path : "/",
            HTTPCookiePropertyKey.secure : true,
            HTTPCookiePropertyKey.name : "someCookieKey",
            HTTPCookiePropertyKey.value : "someCookieValue"])!

        let cookieStore = webView.configuration.websiteDataStore.httpCookieStore
        cookieStore.setCookie(cookie) {
            DispatchQueue.main.async {
                self.webView.load(URLRequest(url: URL(string: "https://google.com")!))
            }
        }
    }

    override func viewWillLayoutSubviews() {
        super.viewWillLayoutSubviews()

        webView.frame = view.bounds
    }
}

在此之后，如果我使用 webView.configuration.websiteDataStore.httpCookieStore.getAllCookies(completionHandler:)，我会看到我的 cookie 在 cookie 列表中。

但是，当使用 Safari 的开发人员工具（当然是使用 iOS 模拟器）检查 webview 时，cookie 不会显示。

我还尝试使用 HTTP 代理（在我的例子中是 Charles）检查流量，以查看我的 HTTP 请求中是否包含 cookie。不是。

我在这里做错了什么？如何将 cookie 添加到 WKWebView（在 iOS 版本 11 及更高版本上）？

Answer 1

有点晚了，但我想分享一个对我有用的解决方案，我希望它对在 iOS 12 上也面临同样问题的人有所帮助。

这是我使用的简化工作流程：

1. 实例化 WKWebsiteDataStore 对象
2. 将自定义 cookie 设置为其 httpCookieStore
3. 等待设置 cookie
4. 实例化 WKWebView
5. 加载请求

为此，我创建了 WKWebViewConfiguration 的扩展：

extension WKWebViewConfiguration {

static func includeCookie(cookie:HTTPCookie, preferences:WKPreferences, completion: @escaping (WKWebViewConfiguration?) -> Void) {
     let config = WKWebViewConfiguration()
     config.preferences = preferences

     let dataStore = WKWebsiteDataStore.nonPersistent()

     DispatchQueue.main.async {
        let waitGroup = DispatchGroup()

        waitGroup.enter()
        dataStore.httpCookieStore.setCookie(cookie) {
            waitGroup.leave()
        }

        waitGroup.notify(queue: DispatchQueue.main) {
            config.websiteDataStore = dataStore
            completion(config)
        }
    }
}

对于我的例子，我使用它如下：

override func viewDidLoad() {
  self.AddWebView()
}

private func addWebView(){

    let preferences = WKPreferences()
    preferences.javaScriptEnabled = true
    preferences.javaScriptCanOpenWindowsAutomatically = true

    let cookie = HTTPCookie(properties: [
        .domain: COOKIE_DOMAIN,
        .path: "/",
        .name: COOKIE_NAME,
        .value: myCookieValue,
        .secure: "TRUE",
        .expires: NSDate(timeIntervalSinceNow: 3600)
        ])

     //Makes sure the cookie is set before instantiating the webview and initiating the request
     if let myCookie = cookie {
        WKWebViewConfiguration.includeCookie(cookie: myCookie, preferences: preferences, completion: {
           [weak self] config in
              if let `self` = self {
                 if let configuration = config {
                    self.webView = WKWebView(frame: CGRect(x: 0, y: 0, width: self.view.frame.size.width , height: self.view.frame.height), configuration: configuration)

                    self.view.addSubview(self.webView)
                    self.webView.load(self.customRequest)
                 }
              }
     }
}

Answer 2

对google.com 的任何请求都会重定向到www.google.com。

您需要将www. 添加到cookie 的域字段中。如果域或路径与请求不匹配，则不会发送 cookie。

您可以显式添加 cookie。

let url = URL(string: "https://www.google.com")!
var request = URLRequest(url: url)
if let cookies = HTTPCookieStorage.shared.cookies(for: url) {
    request.allHTTPHeaderFields = HTTPCookie.requestHeaderFields(with: cookies)
}
self.webView.load(request)

Answer 3

对于 iOS 11+，您真的不需要担心 cookie 部分，这非常简单。像这样创建你的 cookie。不要让它安全true

let newcookie = HTTPCookie(properties: [
        .domain: "domain",
        .path: "/",
        .name: "name",
        .value: "vale",
        .secure: "FALSE",
        .expires: NSDate(timeIntervalSinceNow: 31556926)
        ])!

self.webview.configuration.websiteDataStore.httpCookieStore.setCookie(newcookie, completionHandler: {
                        // completion load your url request here. Better to add cookie in Request as well. like this way
       request.addCookies()
//enable cookie through request
        request.httpShouldHandleCookies = true

//load request in your webview.


                    })

请求扩展在cookie值之后添加";"

extension URLRequest {

internal mutating func addCookies() {
    var cookiesStr: String = ""

        let mutableRequest = ((self as NSURLRequest).mutableCopy() as? NSMutableURLRequest)!
            cookiesStr += cookie.name + "=" + cookie.value + ";"                

            mutableRequest.setValue(cookiesStr, forHTTPHeaderField: "Cookie")
            self = mutableRequest as URLRequest

     }

}

我还可以看到您没有设置 wkwebview 的 WKWebViewConfiguration。设置 wkwebview 的配置。同时实现WKHTTPCookieStoreObserver并实现函数。

    func cookiesDidChange(in cookieStore: WKHTTPCookieStore) {
    // Must implement otherwise wkwebview cookie not sync properly
    self.httpCookieStore.getAllCookies { (cookies) in
        cookies.forEach({ (cookie) in

        })
    }
}

希望这会奏效。