[英]How to add header in Apollo GraphQL : iOS
Hy 我正在使用Apollo GraphQL
方法进行一个项目并且工作正常。 但是现在客户端需要使用 Apollo API 添加额外的 header。 但在添加 header 之后,API 的响应返回为unAuthorized 。
我将 header 添加为,
let apolloAuth: ApolloClient = {
let configuration = URLSessionConfiguration.default
// Add additional headers as needed
configuration.httpAdditionalHeaders = ["Authorization" : self.singleTonInstance.token]
configuration.httpAdditionalHeaders = ["channel" : "mobile"]
let url = URL(string: "http://xxx/graphql")!
return ApolloClient(networkTransport: HTTPNetworkTransport(url: url, configuration: configuration))
}()
任何人都请帮助我了解如何使用 Apollo GraphQL 添加标头。
从 Apollo Client v0.34.0 及更高版本开始,之前提供的代码将无法工作,因为他们重写了以前的工作方式。 这是对我有用的方法...有关更多信息,请考虑通过此处的链接浏览此文档。
class Network {
static let shared = Network()
private(set) lazy var apollo: ApolloClient = {
let client = URLSessionClient()
let cache = InMemoryNormalizedCache()
let store = ApolloStore(cache: cache)
let provider = NetworkInterceptorProvider(client: client, store: store)
let url = URL(string: "https://www.graphqlapi.com/")!
let transport = RequestChainNetworkTransport(interceptorProvider: provider,
endpointURL: url)
return ApolloClient(networkTransport: transport)
}()
}
class NetworkInterceptorProvider: LegacyInterceptorProvider {
override func interceptors<Operation: GraphQLOperation>(for operation: Operation) -> [ApolloInterceptor] {
var interceptors = super.interceptors(for: operation)
interceptors.insert(CustomInterceptor(), at: 0)
return interceptors
}
}
class CustomInterceptor: ApolloInterceptor {
// Find a better way to store your token this is just an example
let token = "YOUR TOKEN"
func interceptAsync<Operation: GraphQLOperation>(
chain: RequestChain,
request: HTTPRequest<Operation>,
response: HTTPResponse<Operation>?,
completion: @escaping (Result<GraphQLResult<Operation.Data>, Error>) -> Void) {
request.addHeader(name: "authorization", value: "Bearer: \(token)")
chain.proceedAsync(request: request,
response: response,
completion: completion)
}
}
最后我找到了答案。 按以下方式添加标题,
let apolloAuth: ApolloClient = {
let configuration = URLSessionConfiguration.default
let token = UserDefaults.standard.value(forKey: "token")
// Add additional headers as needed
configuration.httpAdditionalHeaders = ["authorization":"\(token!)", "channel":"mobile"]
let url = URL(string: "http://xxxx/graphql")!
return ApolloClient(networkTransport: HTTPNetworkTransport(url: url, configuration: configuration))
}()
希望它会帮助某人。
更新:“Apollo Client v0.41.0”和“Swift 5”的解决方案
我在 Apollo Client v0.41.0 和 Swift 5.0 上遇到了同样的问题,但上述解决方案均无效。 经过数小时的试用,终于找到了解决方案。 以下解决方案已使用 Apollo Client v0.41.0 和 Swift 5 进行测试
import Foundation
import Apollo
class Network {
static let shared = Network()
private(set) lazy var apollo: ApolloClient = {
let cache = InMemoryNormalizedCache()
let store1 = ApolloStore(cache: cache)
let authPayloads = ["Authorization": "Bearer <<TOKEN>>"]
let configuration = URLSessionConfiguration.default
configuration.httpAdditionalHeaders = authPayloads
let client1 = URLSessionClient(sessionConfiguration: configuration, callbackQueue: nil)
let provider = NetworkInterceptorProvider(client: client1, shouldInvalidateClientOnDeinit: true, store: store1)
let url = URL(string: "https://<HOST NAME>/graphql")!
let requestChainTransport = RequestChainNetworkTransport(interceptorProvider: provider,
endpointURL: url)
return ApolloClient(networkTransport: requestChainTransport,
store: store1)
}()
}
class NetworkInterceptorProvider: DefaultInterceptorProvider {
override func interceptors<Operation: GraphQLOperation>(for operation: Operation) -> [ApolloInterceptor] {
var interceptors = super.interceptors(for: operation)
interceptors.insert(CustomInterceptor(), at: 0)
return interceptors
}
}
class CustomInterceptor: ApolloInterceptor {
func interceptAsync<Operation: GraphQLOperation>(
chain: RequestChain,
request: HTTPRequest<Operation>,
response: HTTPResponse<Operation>?,
completion: @escaping (Swift.Result<GraphQLResult<Operation.Data>, Error>) -> Void) {
request.addHeader(name: "Authorization", value: "Bearer <<TOKEN>>")
print("request :\(request)")
print("response :\(String(describing: response))")
chain.proceedAsync(request: request,
response: response,
completion: completion)
}
}
已接受的解决方案现已过时,因为 HTTPNetworkTransport 不再接受配置参数,而是直接接受URLSession
而不是URLSessionConfiguration
这是一个示例,说明如何将每个请求的授权标头发送到 Apollo Client,如果找到,则从 Apollo Client(iOS) 0.21.0 version 0.21.0
中检索它
import Foundation
import Apollo
class Network {
static let shared = Network()
private(set) lazy var apollo: ApolloClient = {
let token = UserDefaults.standard.string(forKey: "accessToken") ?? ""
let url = URL(string: "http://localhost:4000/graphql")!
let configuration = URLSessionConfiguration.default
configuration.httpAdditionalHeaders = ["authorization": "Bearer \(token)"]
return ApolloClient(
networkTransport: HTTPNetworkTransport(url: url, session: URLSession(configuration: configuration))
)
}()
}
以前的答案很旧,现在通过委托完成:
“该协议允许对请求进行飞行前验证,能够在修改请求之前退出,并能够使用附加标头等内容修改 URLRequest。”
import Foundation
import Apollo
final class Network {
static let shared = Network()
private lazy var networkTransport: HTTPNetworkTransport = {
let transport = HTTPNetworkTransport(url: URL(string: "https://example.com/graphql")!)
transport.delegate = self
return transport
}()
private(set) lazy var apollo = ApolloClient(networkTransport: self.networkTransport)
}
extension Network: HTTPNetworkTransportPreflightDelegate {
func networkTransport(_ networkTransport: HTTPNetworkTransport, shouldSend request: URLRequest) -> Bool {
return true
}
func networkTransport(_ networkTransport: HTTPNetworkTransport, willSend request: inout URLRequest) {
var headers = request.allHTTPHeaderFields ?? [String: String]()
headers["Authorization"] = "Bearer \(YOUR_TOKEN)"
request.allHTTPHeaderFields = headers
}
}
这是文档的链接以获取更多详细信息:
导入这两个元素
import UIKit
import Apollo
创建一个类 Network 并粘贴到源代码下方
struct Network {
static var request = Network()
private(set) lazy var apollo: ApolloClient = {
let cache = InMemoryNormalizedCache()
let store1 = ApolloStore(cache: cache)
let authPayloads = ["Authorization": "Bearer <TOKEN>"]
let configuration = URLSessionConfiguration.default
configuration.httpAdditionalHeaders = authPayloads
let client1 = URLSessionClient(sessionConfiguration: configuration, callbackQueue: nil)
let provider = NetworkInterceptorProvider(client: client1, shouldInvalidateClientOnDeinit: true, store: store1)
let url = URL(string: "http://xxx/graphql")!
let requestChainTransport = RequestChainNetworkTransport(interceptorProvider: provider,
endpointURL: url)
return ApolloClient(networkTransport: requestChainTransport,
store: store1)
}()
}
在 Network 类中添加 NetworkInterceptorProvider
class NetworkInterceptorProvider: LegacyInterceptorProvider {
override func interceptors<Operation: GraphQLOperation>(for operation: Operation) -> [ApolloInterceptor] {
var interceptors = super.interceptors(for: operation)
interceptors.insert(CustomInterceptor(), at: 0)
return interceptors
}
}
在 Network 类中也添加 CustomInterceptor
class CustomInterceptor: ApolloInterceptor {
func interceptAsync<Operation: GraphQLOperation>(
chain: RequestChain,
request: HTTPRequest<Operation>,
response: HTTPResponse<Operation>?,
completion: @escaping (Swift.Result<GraphQLResult<Operation.Data>, Error>) -> Void) {
request.addHeader(name: "Authorization", value: "Bearer <TOKEN>")
print("request :\(request)")
print("response :\(String(describing: response))")
chain.proceedAsync(request: request,
response: response,
completion: completion)
}
}
最后从 ViewController 调用这个方法
func todoQueryCloud(){
Network.request.apollo.fetch(query: ProgressionsQuery()){result in
// 3
switch result {
case .success(let graphQLResult):
guard let data = try? result.get().data else { return }
if graphQLResult.data != nil {
// 4
print("Loaded data \(String(describing: data.progressions))")
self.collectionView.reloadData()
}
case .failure(let error):
// 5
print("Error loading data \(error)")
}
}
}
NetworkInterceptorProvider:LegacyInterceptorProvider 更改为“DefaultInterceptorProvider”
class NetworkInterceptorProvider: DefaultInterceptorProvider {
override func interceptors<Operation: GraphQLOperation>(for operation: Operation) -> [ApolloInterceptor] {
var interceptors = super.interceptors(for: operation)
interceptors.insert(CustomInterceptor(), at: 0)
return interceptors
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.