RailsとiOS(Swift)とAWS間をAPIモードで、データファイル保存呼び出しさせるまで②

前書き

初心者向けに自分なりの言葉で柔らかく書いたつもりです。非エンジニアですが、メモ目的とアウトプットの恩恵のために記事にしました。間違っているところなどありましたら、コメントをください。
あとコードにコメントが多く可読性が悪いかもしれません。そこは申し訳なく…

iosからAWSまでの一連の流れを記事にしているためかなり長くなっているので、記事を分けて書いています。

• RailsとiOS(Swift)とAWS間をAPI通信で、データファイル保存させるまで①devise token auth編
• RailsとiOS(Swift)とAWS間をAPI通信で、データファイル保存させるまで③Alamofire、Swiftyjson編 apiモードを使ってdevise_token_auth(認証)以外のデータの送受信
• RailsとiOS(Swift)とAWS間をAPI通信で、データファイル保存させるまで④carrierwave編

③までのものがこちら
https://github.com/ToruMizuno/railswiftapi
④までのものがこちら
https://github.com/ToruMizuno/railswiftapi2

Alamofire、Swiftyjson編

参考記事

• Swift3とAlamofireでPDFファイルをダウンロードしてReaderで表示する
• 【Swift3.0】Alamofireで画像＆パラメータを送信
• AlmofireとSwiftyJSONで天気アプリ
• SwiftyJSONをクラスオブジェクトで初期化する(Swiftにおけるリフレクション)
• SwiftyJson,Alamofireを使用した際、データを配列に入れる処理について
• Swift時代の定番通信ライブラリのAlamofireを使ってみる #Swift4対応
• [Ios] スイフトのパラメータを使用して画像をアップロードする

devise_token_auth(認証)のデータの送受信

プロジェクト作成

いつも通りXcodeを開いて、Create a new Xcode projectで新規のプロジェクトを作成する

cocoapodsの作成

cocoapodsの環境構築はRubyやRails、Xcodeの環境構築と同様に割愛します。

$ cd desktop/railswiftiOS
$ pod init

podfile編集

# Uncomment the next line to define a global platform for your project
# platform :ios, '9.0'

target 'プロジェクト名' do
  # Comment the next line if you're not using Swift and don't want to use dynamic frameworks
  use_frameworks!

  # Pods for 'プロジェクト名'
  pod 'Alamofire', '~> 4.5'
  pod 'SwiftyJSON'

  target 'プロジェクト名Tests' do
    inherit! :search_paths
    # Pods for testing
  end

  target 'プロジェクト名UITests' do
    inherit! :search_paths
    # Pods for testing
  end

end

ライブラリー導入

$ pod install

**********.xcworkspaceファイル(青いファイルではなく白いファイル)を使用して開発していく

TARGETS、Build Phases、Link Binary With LibrariesよりSwiftJSONとAlamofireのライブラリーを導入する

導入後エラーが出る場合はこちらの記事で対処
No such No such module”Alamofire”の対処記録
簡単にいうとProductのCleanをする。それでも解消されない場合はProductのBuild後Xcodeを再起動する。

パラメータの保存先

とりあえずユーザー名や自己紹介文よりも、アカウントのIDさえ取ってこれてさえいれば、データベースに問い合わせる際に検索で使えるのでIDは保存できるようにする
新しく.swiftファイルを作成

model/Webuser.swift

import UIKit

class Webuser: NSObject {
    var web_user_id: Int = 0//プロパティ
}

画面間でパラメータを渡せるように準備

AppDelegate.swift

import UIKit

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

    var window: UIWindow?

    //追加
    var accesstoken: String!
    var client: String!
    var uid: String!
    var webuser: Webuser!
    //////////////////////////////////

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
        // Override point for customization after application launch.
        return true
    }
*
*
*
}

ライブラリーをimportする

SinInViewController.swift

import UIKit
import Alamofire
import SwiftyJSON

ストーリーボードとの接続とパラメータ用の変数の用意

SinInViewController.swift

    @IBOutlet weak var signupname: UITextField!
    @IBOutlet weak var signupemail: UITextField!
    @IBOutlet weak var signuppassword: UITextField!

    @IBOutlet weak var loginemail: UITextField!
    @IBOutlet weak var loginpassword: UITextField!

    @IBOutlet weak var updatepassword1: UITextField!
    @IBOutlet weak var updatepassword2: UITextField!

    @IBOutlet weak var profileupdatename: UITextField!
    @IBOutlet weak var profileupdateemail: UITextField!


    //これらは取得したらすぐにAppDelegateにあげるのが望ましい
    var accesstoken: String!
    var client: String!
    var uid:String!

    //このページで通信して保存や呼び出しをするのに、一旦待機させたいので作っている
    var webuserid: Int!

サインアップ

localhost:3000/api/authにPOST

SinInViewController.swift

@IBAction func signupbutton(_ sender: Any) {

    //パラメーターを辞書で入れていく//左辺がカラム名、右辺が値
    var params: [String: String] = [:]
    params["user_name"] = signupname.text!
    params["email"] = signupemail.text!
    params["password"] = signuppassword.text!

    Alamofire.request("http://localhost:3000/api/auth", method: .post, parameters: params).responseJSON { response in
        print("Request: \(String(describing: response.request))")
        print("Response: \(String(describing: response.response))")
        print("Error: \(String(describing: response.error))")

        //エラーがなかった場合
        if response.response?.statusCode == 200 {

            //responseからヘッダー情報を取り出して変数に保存する
            self.accesstoken = (response.response?.allHeaderFields["access-token"] as? String)!
            self.client = (response.response?.allHeaderFields["client"] as? String)!
            self.uid = (response.response?.allHeaderFields["uid"] as? String)!

            //通信後にこれらの情報を取ってこれていた場合は
            if self.accesstoken != nil && self.client != nil && self.uid != nil {
                print("webuser保存に成功しました")

                //responseから保存したアカウントデータのIDを抜き出す
                let json:JSON = JSON(response.result.value ?? kill)
                json.forEach { (arg) in
                    let (_, json) = arg
                    self.webuserid = json["id"].intValue
                }

                let webuserid: Int = self.webuserid//optionalをintに変換
                let accesstoken: String = self.accesstoken//optionalをintに変換
                let client: String = self.client//optionalをintに変換
                let uid: String = self.uid//optionalをintに変換

                print("accesstoken: \(String(describing: accesstoken))")
                print("client: \(String(describing: client))")
                print("uid: \(String(describing: uid))")
                print("WebuserID: \(String(describing: webuserid))")

                let webuser = Webuser()
                //パラメーターセット
                webuser.web_user_id = webuserid

                //appDelegateに上げる
                let appDelegate = UIApplication.shared.delegate as! AppDelegate
                appDelegate.webuser = webuser
                appDelegate.accesstoken = accesstoken
                appDelegate.client = client
                appDelegate.uid = uid

            }

            //エラーがあった場合
        } else {
            print("Error: \(String(describing: response.error))")
        }

    }
}

ログイン

localhost:3000/api/auth/sign_inにPOST

SinInViewController.swift

@IBAction func loginbutton(_ sender: Any) {
    //パラメーターを辞書で入れていく//左辺がカラム名、右辺が値
    var params: [String: String] = [:]
    params["email"] = loginemail.text!
    params["password"] = loginpassword.text!

    Alamofire.request("http://localhost:3000/api/auth/sign_in", method: .post, parameters: params).responseJSON { response in
        print("Request: \(String(describing: response.request))")
        print("Response: \(String(describing: response.response))")
        print("Error: \(String(describing: response.error))")

        //エラーがなかった場合
        if response.response?.statusCode == 200 {

            //responseからヘッダー情報を取り出して変数に保存する
            self.accesstoken = (response.response?.allHeaderFields["access-token"] as? String)!
            self.client = (response.response?.allHeaderFields["client"] as? String)!
            self.uid = (response.response?.allHeaderFields["uid"] as? String)!

            //通信後にこれらの情報を取ってこれていた場合は
            if self.accesstoken != nil && self.client != nil && self.uid != nil {

                //responseからとって来たアカウントのデータのIDを抜き出す
                let json:JSON = JSON(response.result.value ?? kill)
                json.forEach { (arg) in
                    let (_, json) = arg
                    self.webuserid = json["id"].intValue
                }

                let webuserid: Int = self.webuserid//optionalをintに変換
                let accesstoken: String = self.accesstoken//optionalをstringに変換
                let client: String = self.client//optionalをstringに変換
                let uid: String = self.uid//optionalをstringに変換

                print("WebuserID: \(String(describing: webuserid))")
                print("accesstoken: \(String(describing: accesstoken))")
                print("client: \(String(describing: client))")
                print("uid: \(String(describing: uid))")

                let webuser = Webuser()
                //パラメーターセット
                webuser.web_user_id = webuserid

                //appDelegateに上げる
                let appDelegate = UIApplication.shared.delegate as! AppDelegate
                appDelegate.webuser = webuser
                appDelegate.accesstoken = accesstoken
                appDelegate.client = client
                appDelegate.uid = uid

            }
            //エラーがあった場合何度か通信を試みてみる
        } else {

            //何度か通信を試みてみる

            print("Error: \(String(describing: response.error))")
        }

    }
}

パスワードの変更

localhost:3000/api/auth/passwordにPUT
サインアップかログインしていないとaccesstoken、client、uidが取得できてないので使えない

SinInViewController.swift

@IBAction func updatepasswordbutton(_ sender: Any) {
    //パラメーターを辞書で入れていく//左辺がカラム名、右辺が値
    var params: [String: String] = [:]
    params["password"] = updatepassword1.text!
    params["password_confirmation"] = updatepassword1.text!

    //ログインやサインアップでこれらの情報を取ってこれていた場合は
    if self.accesstoken != nil && self.client != nil && self.uid != nil {

        //取り出したトークン情報をヘッダーに格納
        var headers: [String : String] = [:]
        headers["access-token"] = self.accesstoken
        headers["client"] = self.client
        headers["uid"] = self.uid

        print("Request: \(String(describing: self.accesstoken))")
        print("Request: \(String(describing: self.client))")
        print("Request: \(String(describing: self.uid))")

        Alamofire.request("http://localhost:3000/api/auth/password", method: .put, parameters: params, headers: headers).responseJSON { response in
            print("Request: \(String(describing: response.request))")
            print("Response: \(String(describing: response.response))")
            print("Error: \(String(describing: response.error))")

            //アクセスできた場合
            if response.response?.statusCode == 200 {
                print("パスワード変更にアクセスできました")

                //アクセスできなかった場合
            } else {

                //何度か通信を試みてみる

                print("パスワード変更にアクセスできませんでした")

            }

        }

        //ヘッダー情報を取ってこれていなかった場合
    } else {

        //ログインしていないと警告を出す

    }

}

ユーザー情報の変更

localhost:3000/api/authに PUT
こちらも同様にサインアップかログインしていないとaccesstoken、client、uidが取得できてないので使えない

SinInViewController.swift

@IBAction func profileupdatebutton(_ sender: Any) {

    //パラメーターを辞書で入れていく//左辺がカラム名、右辺が値
    var params: [String: String] = [:]
    params["user_name"] = profileupdatename.text!
    params["email"] = profileupdateemail.text!

    //ログインやサインアップでこれらの情報を取ってこれていた場合は
    if self.accesstoken != nil && self.client != nil && self.uid != nil {

        //取り出したトークン情報をヘッダーに格納
        var headers: [String : String] = [:]
        headers["access-token"] = self.accesstoken
        headers["client"] = self.client
        headers["uid"] = self.uid

        print("Request: \(String(describing: self.accesstoken))")
        print("Request: \(String(describing: self.client))")
        print("Request: \(String(describing: self.uid))")

        Alamofire.request("http://localhost:3000/api/auth", method: .put, parameters: params, headers: headers).responseJSON { response in
            print("Request: \(String(describing: response.request))")
            print("Response: \(String(describing: response.response))")
            print("Error: \(String(describing: response.error))")

            //アクセスできた場合(更新ができた場合)
            if response.response?.statusCode == 200 {
                print("パスワード以外の変更にアクセスできました")
                print("webuserの更新に成功しました")

                //更新したwebuserのIDを抜き出す

                //responseから保存したアカウントデータのIDを抜き出す
                let json:JSON = JSON(response.result.value ?? kill)
                json.forEach { (arg) in
                    let (_, json) = arg
                    self.webuserid = json["id"].intValue

                }
                //アクセスできたら、再びアクセストークンなどをレスポンスから取り出す必要がある
                //responseからヘッダー情報を取り出して変数に保存する
                self.accesstoken = (response.response?.allHeaderFields["access-token"] as? String)!
                self.client = (response.response?.allHeaderFields["client"] as? String)!
                self.uid = (response.response?.allHeaderFields["uid"] as? String)!

                let webuserid: Int = self.webuserid//optionalをintに変換
                let accesstoken: String = self.accesstoken//optionalをStringに変換
                let client: String = self.client//optionalをStringに変換
                let uid: String = self.uid//optionalをStringに変換

                print("accesstoken: \(String(describing: accesstoken))")
                print("client: \(String(describing: client))")
                print("uid: \(String(describing: uid))")
                print("WebuserID: \(String(describing: webuserid))")

                let webuser = Webuser()
                //パラメーターセット
                webuser.web_user_id = webuserid

                //appDelegateに上げる
                let appDelegate = UIApplication.shared.delegate as! AppDelegate
                appDelegate.webuser = webuser
                appDelegate.accesstoken = accesstoken
                appDelegate.client = client
                appDelegate.uid = uid

                //変更にアクセスできなかった場合
            } else {

                print("変更にアクセスできませんでした")

            }

        }

        //ヘッダー情報を取ってこれていなかった場合
    } else {

        //ログインしていないと警告を出す

    }

}



The resource could not be loaded because the App Transport Security policy requires the use of a secure connection.などとエラーが出る場合はssl通信(https)の設定がされていないので下記の記事で対処

• iOS9のWebviewでNSURLErrorDomainとなる場合の対処法(ATS)
• 【Swift4】App Transport Security（ATS）のエラーが出た場合の対処方法【Objective-C】【Xcode9】

Alamofire、Swiftyjson編、続き

記事の初めにも記述しましたが、iosからAWSまでの一連の流れを記事にしているためかなり長くなってしまったので他の記事でも紹介しています。
こちらを続けてご覧下さい。

• RailsとiOS(Swift)とAWS間をAPI通信で、データファイル保存させるまで③Alamofire、Swiftyjson編 apiモードを使ってdevise_token_auth(認証)以外のデータの送受信