APIクライアントでUnexpectedly found nil ~ と出る

Question

RxSwiftでAPIクライアントを作っているのですが、
Unexpectedly found nil while unwrapping an Optional value
となってしまいます。

まずモデルとデコードです。

// OkashiPage.swift

struct OkashiSearchResponse: Decodable {
    
    let item: [OkashiPage]
    
}

struct OkashiPage {
    let name: String
    let maker: String
    let url: URL
}

extension OkashiPage: Decodable {
    
    private enum CodingKeys: String, CodingKey {
        case name 
        case maker
    }
    
    init(from decoder: Decoder) throws {
        let container = try decoder.container(keyedBy: CodingKeys.self)
        self.name = try container.decode(String.self, forKey: .name)
        print("Name: (self.name)")
        self.maker = try container.decode(String.self, forKey: .maker)
        self.url = URL(string: "https://www.sysbird.jp/webapi/?apikey=guest&format=json&keyword=(name)")!
    }
    
}

検索APIです。

// OkashiAPI.swift

protocol OkashiAPI {
    func search(from word: String) -> Observable<[OkashiPage]>
}

class OkashiDefaultAPI: OkashiAPI {
    
    private let host = URL(string: "https://sysbird.jp")!
    private let path = "/toriko/api/"
    
    private let URLSession: Foundation.URLSession
    
    init(URLSession: Foundation.URLSession){
        self.URLSession = URLSession
    }
    
    func search(from word: String) -> Observable<[OkashiPage]> {
        var components = URLComponents(url: host, resolvingAgainstBaseURL: false)!
        components.path = path
        
        let items = [
            URLQueryItem(name: "apikey", value: "guest"),
            URLQueryItem(name: "keyword", value: word),
            URLQueryItem(name: "format", value: "json"),
            URLQueryItem(name: "max", value: "10")
        ]
        
        components.queryItems = items
        
        let request = URLRequest(url: components.url!)
        return URLSession.rx.response(request: request)
            .map { pair in
                do {
                    let response = try JSONDecoder().decode(OkashiSearchResponse.self, from: pair.data)
                    return response.item
                   
                } catch {
                    throw error
                }
            }
    }
    
}

そしてViewModelとViewControllerです。

class OkashiSearchViewModel {
    
    let okashiPages: Observable<[OkashiPage]>

    init(searchWord: Observable<String>, okashiAPI: OkashiAPI){
        
        okashiPages = searchWord
            .filter { 3 <= $0.count }
            .flatMapLatest { return okashiAPI.search(from: $0)
                .catchErrorJustReturn([])
            }
            .share(replay: 1)
    }
    
}

class ViewController: UIViewController, UISearchBarDelegate {
    
    @IBOutlet weak var searchBar: UISearchBar!
    @IBOutlet weak var tableView: UITableView!
    private let disposeBag = DisposeBag()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        searchBar.delegate = self
        searchBar.placeholder = "お菓子の名前を入力してください"
        
        let viewModel = OkashiSearchViewModel(searchWord: searchBar.rx.text.orEmpty.asObservable(),
                                              okashiAPI: OkashiDefaultAPI(URLSession: .shared))
        viewModel.okashiPages
            .bind(to: tableView.rx.items(cellIdentifier: "Cell")) {
                index, result, cell in
                cell.textLabel?.text = result.name
            }
            .disposed(by: disposeBag)
        
    }


}

問題が生じるのはextension OkashiPageの

self.url = URL(string: "https://www.sysbird.jp/webapi/?apikey=guest&format=json&keyword=(name)")!

です。

](711dd6e289423bf3cd4ef898c9a26903.jpeg)

英語だと大丈夫なのですが、数字や日本語だとエラーが出てしまいます。
url はオプショナルで、後ろで強制アンラップしているはずなのに出てしまいます。
原因はnameだと分かっているのですが、どうしたらいいのか分かりません。
どなたか解決方法を教えていただけると恐縮です。

Answer 1

クエリとして使う文字列に対して、あらかじめ下記のメソッドを使ってパーセントエンコーディングをかけておく必要があるかと思います。

• addingPercentEncoding(withAllowedCharacters:)

Returns a new string made from the receiver by replacing all characters not in the specified set with percent-encoded characters.

Comments

[hoshi-takanori]

横から失礼します。addingPercentEncoding ですが、問題は withAllowedCharacters に何を指定すべきかですよね。.urlQueryAllowed あたりが使われることが多いようですが、& をエンコードしないので…。URLComponents を使った方がいいのかなとか、JavaScript の encodeURIComponent と同等のものがあればいいのにとか思ったりしてます。name が日本語だけならどれでも一緒ですけどね。

[TsukubaDepot]

いえいえ、このようにコメントを入れて頂いた方が私も勉強になります。

withAllowedCharacters の話はどうしよう、と思っていたのですが、質問者さんが元にされているコードはなんとなくあの書籍のあの部分だったような、という気がしていましたし、そこにはaddingPercentEncoding の話も載っていたはずなので、上記の回答程度で大丈夫かなと思い端折りました（個人的にはそのコードを RxSwift として記述し直しいている方に感銘しました）。

とはいえ、「.urlQueryAllowed あたりが使われることが多いようですが、& をエンコードしない」という話は確かにその通りだと思ったので勉強になりました。ありがとうございます。

[hoshi-takanori]

ちなみに調査結果です。
https://qiita.com/hoshi-takanori/items/4e2e670ba7153028e5a0

[TsukubaDepot]

拝見しました。素晴らしすぎます。もはや回答にされた方が良いかもしれません。