Swiftでサーバー上のjsonファイルと画像を取得する方法

Question

現在、サーバー上のデータを受け取ってIphoneでクーポンを表示するアプリを作ろうと考えています。
参考書を元にサーバー上にphpファイル、画像ファイル、jsonファイルを設置するところまではできたのですが、Swift側からサーバー上のファイルを読み取る処理が全くうまくできず困っております。

実現したいこととしては、
"http://52.194.224.50/srv.php"に画像URLが含まれているjsonファイルを返すよう要求し、
サーバーから返ってきた
"http://52.194.224.50/data/coupon.json"のjsonファイルに含まれる画像URLを元に、
"http://52.194.224.50/data/image/coupon/noimage.png"の画像を
アプリで表示させるという処理です。

申し訳ありませんがご助言をお願い致します。

※追記
なんとかjsonファイルを取得することはできたので、
その中に含まれるURLを元に、サーバーの画像を取得したいです......

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var image1: UIImageView! 
//サーバーから返ってきたURL情報を元に、画像を表示したい
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let postString = "command=getCoupon"
        
        var request = URLRequest(url: URL(string: "http://52.194.224.50/srv.php")!)
        request.httpMethod = "POST"
        request.httpBody = postString.data(using: .utf8)
        
        let task = URLSession.shared.dataTask(with: request, completionHandler: {
            (data, response, error) in
            
            if error != nil {return }
            
            do {
                let json = try JSONSerialization.jsonObject(with: data!, options: JSONSerialization.ReadingOptions.allowFragments) 
                let top = json as! NSArray 
                for roop in top {
                    let next = roop as! NSDictionary
                    print(next["imageUrl"] as! String) 
//サーバーから返ってきた"imageUrl"を元に、サーバーから画像を取得したい
                }
            } catch {
                print(error) 
            }
         
        })
        task.resume()    
    }
}

<?php    
$command = $_POST["command"];

if(strcmp($command, "getInformation") == 0) {
    getInformation();
} else if(strcmp($command, "getCoupon") == 0) {
    getCoupon();
} else {
	echo("");
}

function getInformation() {
    echoFileData("data/information.json", "[]");
}
function getCoupon() {
    echoFileData("data/coupon.json", "[]");
}
    
function echoFileData($fileName, $defaultString) {
        
    if (file_exists($fileName)) {
        $fileData = file_get_contents($fileName);
        if ($fileData != false) {
            echo($fileData);
            return;
        }
    }
    echo($defaultString);
}    
?>

{
		"id":"1",
		"date":"",
		"imageUrl":"http://52.194.224.50/data/image/coupon/noimage.png",
		"title":"サンプル",
		"body":"サンプル",
		"interval":"サンプル",
		"condition":"サンプル"
}

Comments

[t_obara]

そもそもhttpsでなく、httpであること自体初心者にはハードルですが、とりあえずalamofireでググると良いかと。

Answer 1

次のコードでイメージを取得して表示することが確認できました。
うまく組み込んでみてください。

    override func viewDidLoad() {
        super.viewDidLoad()
        
        if let url = URL(string: "http://52.194.224.50/data/image/coupon/noimage.png") {
            imageView.contentMode = .scaleAspectFit
            downloadImage(from: url)
        }
    }

    func downloadImage(from url: URL) {
        print("Download Started")
        getData(from: url) { data, response, error in
            guard let data = data, error == nil else { return }
            print(response?.suggestedFilename ?? url.lastPathComponent)
            print("Download Finished")
            DispatchQueue.main.async() {
                self.imageView.image = UIImage(data: data)
            }
        }
    }
    
    func getData(from url: URL, completion: @escaping (Data?, URLResponse?, Error?) -> ()) {
        URLSession.shared.dataTask(with: url, completionHandler: completion).resume()
    }

Comments

[tlshi]

動作確認できました。ありがとうございます!
これを元に開発を進めていきたいと思います。