2024/09/23 Updated by

Swift 5

Webサーバにアクセスする (URLSesstion)

[Up]

開発環境

model: MacBookAir Retina, 13-inch, 2020
CPU: 1.2 GHz クアッドコアIntel Core i7
Memory: 16 GB 3733 MHz
macOS: Sonoma14.6.1
Xcode: Version 16.0 (16A242d)

Webサーバ

開発に使用しているマシン上で tomcat (ポート番号: 8080)が動作している。

mac で Xcode を起動する
新しいプロジェクトを開始する。

  プラットホーム: iOS
  Application: App

プロジェクトのオプションを選択する。

Xcode のウィンドウ左の Project Navigator で Main.storyboard を選択する。

真ん中のウィンドウの上の「＋」(Show Library)をクリックして、Object ウィンドウを表示する。

Objct ウィンドウから Button をドラッグして、ViewController の画面上に配置する。

真ん中のウィンドウの上の「5本の横棒」(Adjust Editor Options)アイコンをクリックして、メニューから Assistant を選択する。

真ん中のウィンドウが2つに分割されて、ViewController の画面と ViewController.swift が表示される。

「ViewController の画面」上で Button をクリックして選択し、キーボードのControlキーを押しながら Button をドラッグし、 ViewController.swift の「クラス内、関数定義外、なるべく上部」の位置に配置する。

Connection を Action に変更し、わかりやすい関数名を指定する。ここでは "tapButton" とした。

Connection: Action
Name: tapButton

ViewController.swift の中に @IBAction と指定された関数 tapButton() のコードが挿入される。この関数は「ViewController 画面」の上の Button がクリックされた時に呼び出される。

関数 tapButton() の中に、URLSession を使って Web アクセスするコードを追加する。

ViewController.swift

//
//  ViewController.swift
//  URLSession
//
//  Created by Yoshihisa Nitta on 2024/09/23.
//

import UIKit

class ViewController: UIViewController {

    @IBAction func tapButton(_ sender: Any) {
        let url = URL(string: "http://localhost:8080")!
         let request = URLRequest(url: url)
         let session = URLSession.shared
         session.dataTask(with: request) { (data, response, error) in
             if error == nil, let data = data, let response = response as? HTTPURLResponse {
                 print("Content-Type: \(response.allHeaderFields["Content-Type"] ?? "")")
                 print("statusCode: \(response.statusCode)")
                 let s = String(data: data, encoding: String.Encoding.utf8) ?? ""
                 print(s)
                 //self.myLabel.text = s
             }
         }.resume()
    }
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }


}

真ん中ウィンドウを上部の「デバイスやシミュレータを選択する」メニューから、適切なシミュレータを選ぶ。ここでは iPhone16 シミュレータを選択した。

上部から実行ボタンをクリックする。

iOS シミューレータが起動する。

シミューレータ画面上の Button をクリックすると、Webサーバにアクセスする。

同一マシン上に tomcat が動作している場合は、Xcode のConsole　に結果が表示される。 Webサーバに正しくアクセスできた場合は status code として 200 が返される。

Console

Content-Type: text/html;charset=UTF-8
statusCode: 200



<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>Apache Tomcat/9.0.94</title>
...(略)...

この段階の Project を zip で圧縮したものは以下の通り。

URLSession.zip

実機で動作させる

実機 (iphone)

iOSデバイス: iPhone14
OSバージョン: 18.0

開発環境 (mac)

model: MacBookAir Retina, 13-inch, 2020
CPU: 1.2 GHz クアッドコアIntel Core i7
Memory: 16 GB 3733 MHz
macOS: Sonoma14.6.1
Xcode: Version 16.0 (16A242d)

Webサーバ

こちらの手順で構築した tomcat サーバが、開発環境の Mac 上で動作していて、次の条件を満たしている。
Webサーバ (tomcat) のポート番号は 8080 。
Webサーバは、マシン外からネットワーク経由でアクセス可能。すなわち、8080 番 tcp ポートは開放されている。

iPhone を開発用 Mac と同じネットワークに Wifi 接続する。

同一ネットワークでなくても構わないが、問題の切り分けを簡単にするために、同一の Wifi 親機に接続することを強く勧める。

Webサーバが動作しているマシンの　IP Address を確認する。今回の ViewController.swift では、 WebサーバのIP Address が直にコーディングされていることに注意(説明を簡潔にするため)。

macOS で　ip アドレスを確認するには /sbin/ifconfig コマンドを使う。ここでは IP Address が 192.168.11.11 であることがわかる。

IP Address を確認する

$ ifconfig  
lo0: flags=8049<UP,LOOPBACK,RUNNING,MULTICAST> mtu 16384
...(略)...
en0: flags=8863<UP,BROADCAST,SMART,RUNNING,SIMPLEX,MULTICAST> mtu 1500
	options=6460<TSO4,TSO6,CHANNEL_IO,PARTIAL_CSUM,ZEROINVERT_CSUM>
	ether 3c:22:fb:62:8b:e5
	inet6 fe80::1059:f895:fb6d:9ca9%en0 prefixlen 64 secured scopeid 0x6 
	inet 192.168.11.11 netmask 0xffffff00 broadcast 192.168.11.255
	nd6 options=201<PERFORMNUD,DAD>
	media: autoselect
	status: active
awdl0: flags=8843<UP,BROADCAST,RUNNING,SIMPLEX,MULTICAST> mtu 1500
...(略)...

thunderbolt ケーブルで、iPhone を Mac に接続する。
Xcode を起動し、上のメニューから Windows → Devices and Simulators を選択する。

Devices and Simulator のウィンドウが表示される。左側のウィンドウで Devices を選択すると、認識している iOS デバイスが表示される。

iOS デバイスを最初に接続した時は、かなり大量のデータを Mac に吸い上げるため、認識されるまでに時間がかかる。 {2度目以降は、すぐに認識されて 'Connected' を表示され、実行デバイスとして選択できるようになる。

ViewController.swift を編集し、アクセスするWebサーバの URL を変更する。

この例ではWebサーバのIP アドレスが 192.168.11.11 である場合である。 IPアドレスを自分の環境に合わせて変更すること。

"http://localhost:8080"

"http://

:8080/proj/NetData?data=1"

ViewController.swift の変更点。IP Address 192.168.11.11 は各自の環境に合わせること。

*** ViewController.swift	Mon Sep 23 11:46:04 2024
--- ViewController2.swift	Mon Sep 23 14:42:23 2024
***************
*** 10,16 ****
  class ViewController: UIViewController {
  
      @IBAction func tapButton(_ sender: Any) {
!         let url = URL(string: "http://localhost:8080")!
           let request = URLRequest(url: url)
           let session = URLSession.shared
           session.dataTask(with: request) { (data, response, error) in
--- 10,16 ----
  class ViewController: UIViewController {
  
      @IBAction func tapButton(_ sender: Any) {
!         let url = URL(string: "http://192.168.11.11:8080/proj/NetData?data=1")!
           let request = URLRequest(url: url)
           let session = URLSession.shared
           session.dataTask(with: request) { (data, response, error) in

iOS アプリの ATS (App Transport Security) を解除する。

iOS 9 (2016) 以降は、iOS のアプリの Web アクセスは https を使うことが推奨され、基本的に http アクセスはできなくなった。今回は開発用でもあり、簡単のため、危険性を理解した上で ATS を無効化し、 http アクセスを使うことにする。具体的には Info.plist に次のエントリを追加する。

App Transport Security Settings > Allow Arbitrary Loads キーを追加して、値を YES に設定する。

Project Navigator で Info.plist を選択する。

Key の一覧にある Information Property List をクリックし、表示される「＋」をさらにクリックして、入力欄に App Transport Security Settings と入力する。入力途中で候補が示されるので選択すればよい。

App Transport Security Seeings キーが追加されるので、「＋」を選択して、下位の項目のエントリ Allow Arbitrary Loads を作成する。

App Transport Security Seeings > Allow Arbitrary Loads キーの値を YES に変更する。

アプリの実行ターゲットを iOS デバイスの実機に変更する。ここでは iPhone14 とした。

Xcode で iPhone が認識されているのに、アプリの実行デバイスとして選択できない場合は、アプリがターゲットとしているiOS のバージョンが異なっている可能性が高い。ターゲットを実機に揃えること
(例) アプリの設定で、General → Minimum Deployments → iOS + → debug: 17.0 and release 17.0

上部から実行ボタンをクリックする。

実デバイスで実行するときは、最初の1回はセキュリティエラーで失敗するので、iOSデバイス (たとえば iPhone) 上で認証の設定を行う。

appleアカウント

また、実デバイスを指定して実行するには、その実デバイス(iPhone) が「開発者モード」に設定しておく必要がある。
上部から実行ボタンをクリックして、実デバイス上でアプリを実行する。 iPhone上の "Button" をクリックするたびに "1" というデータを Webアプリ (/proj/NetData) に送る。

開発環境の Mac 上のブラウザでアクセスするとデータ(この例では "1.0" が3個)が送られたことがわかる。

プロジェクトを zip でまとめたファイルは以下の通り

URLSession2.zip

実機で動作させる (2)

ボタンを6個に増やしたプロジェクトは以下の通り。

URLSession3 の　ViewController.swift

//
//  ViewController.swift
//  URLSession
//
//  Created by Yoshihisa Nitta on 2024/09/23.
//

import UIKit

class ViewController: UIViewController {

    @IBAction func tapUp(_ sender: Any) {
        wget(1)
    }
    
    @IBAction func tapLeft(_ sender: Any) {
        wget(2)
    }
    
    @IBAction func tapDown(_ sender: Any) {
        wget(3)
    }
    
    @IBAction func tapRight(_ sender: Any) {
        wget(4)
    }
    
    @IBAction func tapFire(_ sender: Any) {
        wget(5)
    }
    
    @IBAction func tapJump(_ sender: Any) {
        wget(6)
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }
    
    func wget(_ v: Int) -> Bool {
        var url = URL(string: "http://172.17.136.190:8080/proj/NetData?data=\(v)")!
        let request = URLRequest(url: url)
        let session = URLSession.shared
        session.dataTask(with: request) { (data, response, error) in
            if error == nil, let data = data, let response = response as? HTTPURLResponse {
                print("Content-Type: \(response.allHeaderFields["Content-Type"] ?? "")")
                print("statusCode: \(response.statusCode)")
                let s = String(data: data, encoding: String.Encoding.utf8) ?? ""
                print(s)
            }
        }.resume()
        return true
    }


}

URLSession3.zip