実機でhttp通信をすると失敗する

Question

前提・実現したいこと

ローカルのMySQL内のデータを引っ張ってきて
tableViewで一覧表示をしたいのですが、シミュレータだと表示までできるのですが
実機で確認すると、以下のエラーメッセージが表示されてしまいます。

以下のリンク先を参考に
info.plistを編集してみたのですが、解消されませんでした。

手詰まりなためご教示頂けると幸いです。
宜しくお願い致します。

発生している問題・エラーメッセージ

2018-10-29 09:48:51.732365+0900 WebAPITest[6741:2290709] TIC TCP Conn Failed [1:0x1c4169f00]: 1:61 Err(61)
2018-10-29 09:48:51.732444+0900 WebAPITest[6741:2290709] Task <9BF294B7-56E1-4854-8C45-B5D6FEDF570B>.<1> HTTP load failed (error code: -1004 [1:61])
2018-10-29 09:48:51.732647+0900 WebAPITest[6741:2290710] Task <9BF294B7-56E1-4854-8C45-B5D6FEDF570B>.<1> finished with error - code: -1004

該当のソースコード

import UIKit
import Alamofire
import Foundation

class ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource {
    @IBOutlet weak var dbTableView: UITableView!
    
    var dbItems:[JsonModel] = []
    let refreshControl = UIRefreshControl()
    let url = "http://127.0.0.1/test.php"
    
    @IBAction func addData(_ sender: UIBarButtonItem) {
        //print("押された")
        showAlert()
    }
    
    private func showAlert(){
        let alert = UIAlertController(title: "test", message: "aaaaa", preferredStyle: .alert)
        let okAction = UIAlertAction(title: "OK", style: .default, handler: {
            (action:UIAlertAction!) -> Void in
            // OKを押した時入力されていたテキストを表示
            if let textFields = alert.textFields {
                // アラートに含まれるすべてのテキストフィールドを調べる
                for textField in textFields {
                    print(textField.text!)
                }
                
                self.post()
            }
        })
        let cancelAction = UIAlertAction(title: "Cancel", style: .cancel, handler: nil)
        
        alert.addAction(okAction)
        alert.addAction(cancelAction)
        alert.addTextField(configurationHandler: {(textField: UITextField!) -> Void in
            textField.placeholder = "テキスト"
        })
        
        self.present(alert, animated: true, completion: nil)
    }
    
    //DBにデータを追加する
    private func post(){
        let headers:HTTPHeaders = [
            "Contenttype":"application/json"
        ]
        
        let parameters:[String:String] = [
            "name":"testName"
        ]
        
        Alamofire.request(url, method: .post, parameters: parameters, encoding: JSONEncoding.default, headers: headers).responseJSON { response in
            if let result = response.result.value as? [String: String] {
                print(result)
            }
        }
    }

    override func viewDidLoad() {
        super.viewDidLoad()
        
        dbTableView.delegate = self
        dbTableView.dataSource = self
        dbTableView.tableFooterView = UIView(frame: .zero)
        dbTableView.refreshControl = self.refreshControl
        self.refreshControl.addTarget(self, action: #selector(ViewController.refresh(sender:)), for: .valueChanged)
        
        self.request()
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
    
    private func request(){
        //tableViewCell表示用の配列を一度空にする
        self.dbItems = []
        
        /*ここで通信失敗になる*/
        Alamofire.request(url).responseString { response in
            if let value = response.result.value{
                let data = value.data(using: .utf8)!
                self.decodeJson(data: data)
            }
        }
    }
    
    private func decodeJson(data:Data){
        let decoder:JSONDecoder = JSONDecoder()
        do{
            let json:[JsonModel] = try decoder.decode([JsonModel].self, from: data)
            for item in json{
                self.dbItems.append(item)
            }
            //データ追加後の再読込
            self.dbTableView.reloadData()
        }catch{
            print("json convert failed in JSONDecoder", error.localizedDescription)
        }
    }
    
    @objc func refresh(sender:UIRefreshControl){
        request()
        sender.endRefreshing()
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return dbItems.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
        cell.textLabel?.text = dbItems[indexPath.row].id
        cell.detailTextLabel?.text = dbItems[indexPath.row].name
        
        return cell
    }
}

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <!--ここを追加した-->
    <key>NSAppTransportSecurity</key>
    <dict>
        <key>NSAllowsArbitraryLoads</key>
        <true/>
    </dict>
    <!---->
	<key>CFBundleDevelopmentRegion</key>
	<string>$(DEVELOPMENT_LANGUAGE)</string>
	<key>CFBundleExecutable</key>
	<string>$(EXECUTABLE_NAME)</string>
	<key>CFBundleIdentifier</key>
	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
	<key>CFBundleInfoDictionaryVersion</key>
	<string>6.0</string>
	<key>CFBundleName</key>
	<string>$(PRODUCT_NAME)</string>
	<key>CFBundlePackageType</key>
	<string>APPL</string>
	<key>CFBundleShortVersionString</key>
	<string>1.0</string>
	<key>CFBundleVersion</key>
	<string>1</string>
	<key>LSRequiresIPhoneOS</key>
	<true/>
	<key>UILaunchStoryboardName</key>
	<string>LaunchScreen</string>
	<key>UIMainStoryboardFile</key>
	<string>Main</string>
	<key>UIRequiredDeviceCapabilities</key>
	<array>
		<string>armv7</string>
	</array>
	<key>UISupportedInterfaceOrientations</key>
	<array>
		<string>UIInterfaceOrientationPortrait</string>
		<string>UIInterfaceOrientationLandscapeLeft</string>
		<string>UIInterfaceOrientationLandscapeRight</string>
	</array>
	<key>UISupportedInterfaceOrientations~ipad</key>
	<array>
		<string>UIInterfaceOrientationPortrait</string>
		<string>UIInterfaceOrientationPortraitUpsideDown</string>
		<string>UIInterfaceOrientationLandscapeLeft</string>
		<string>UIInterfaceOrientationLandscapeRight</string>
	</array>
</dict>
</plist>

試したこと

こちらを参考にinfo.plistを編集しました。

Answer 1

http通信をするためにはATSを許可してあげる必要があったと思います
https://dev.classmethod.jp/smartphone/iphone/ios-ats-cheats-info-plist-settings/

Answer 2

let url = "http://127.0.0.1/test.php"

iOS Simulatorの場合は同じMacの中なのでローカルホストでも大丈夫ですが、
実機の場合指定するIPアドレスはPCのIPアドレスを指定しないといけません。

Answer 3

ローカルPCと実機が同じLANに接続されている必要があります。
スマホをWi-FiでそのPCと同じLANに接続しましょう。
もしくはそのPCがWANで繋がる場所に設置する必要があります。
シミュレータは、ようは自分のPCから自分のPCにつないでるだけなので
ネットワーク上何の問題もないのです。

Comments

[sgyeta]

ご回答頂きありがとうございます。

今ローカルのPCがwifi接続されているのですが
実機の端末も同じwifiに繋げば良さそうでしょうか・・・？
後程試してみてわからなければ再度質問させて下さい。

[root_jp]

そうです。実機の端末をそのPCと同じLANにWi-Fi接続してください。

[sgyeta]

試してみます！ご回答頂きありがとうございました！

[sgyeta]

他の方の回答も参考に同じLANに接続したら
無事実機で動作確認することが出来ました。
ご回答頂きありがとうございました！