【iOS Swift】写真をクラウドに保存しよう！

概要

• ニフティクラウドmobile backendの『ファイルストア機能』を利用して、「撮った写真をクラウドに保存する」内容を実装したサンプルプロジェクトです
• 簡単な操作ですぐに ニフティクラウドmobile backendの機能を体験いただけます★☆

ニフティクラウドmobile backendって何？？

スマートフォンアプリのバックエンド機能（プッシュ通知・データストア・会員管理・ファイルストア・SNS連携・位置情報検索・スクリプト）が開発不要、しかも基本無料(注1)で使えるクラウドサービス！

注1：詳しくはこちらをご覧ください

動作環境

• Mac OS X 10.10(Yosemite)
• Xcode ver. 7.2.1
• iPhone6 ver. 8.2
• このサンプルアプリは、端末のカメラを使用するため、実機ビルドが必要です

※上記内容で動作確認をしています。

手順

1. ニフティクラウドmobile backendの会員登録とログイン→アプリ作成

• 上記リンクから会員登録（無料）をします。登録ができたらログインをすると下図のように「アプリの新規作成」画面が出るのでアプリを作成します

• アプリ作成されると下図のような画面になります
• この２種類のAPIキー（アプリケーションキーとクライアントキー）はXcodeで作成するiOSアプリにニフティクラウドmobile backendを紐付けるために使用します

• 動作確認後に写真（画像）が保存される場所も確認しておきましょう

2. GitHubからサンプルプロジェクトのダウンロード

• 下記リンクをクリックしてプロジェクトをダウンロードをMacにダウンロードします
• SwiftFileApp

3. Xcodeでアプリを起動

• ダウンロードしたフォルダを開き、「SwiftFileApp.xcworkspace」をダブルクリックしてXcode開きます(白い方です)

• 「SwiftFileApp.xcodeproj」（青い方）ではないので注意してください！

4. APIキーの設定

• AppDelegate.swiftを編集します
• 先程ニフティクラウドmobile backendのダッシュボード上で確認したAPIキーを貼り付けます

• それぞれYOUR_NCMB_APPLICATION_KEYとYOUR_NCMB_CLIENT_KEYの部分を書き換えます
• このとき、ダブルクォーテーション（"）を消さないように注意してください！
• 書き換え終わったらcommand + sキーで保存をします

5. 動作確認

• lightningケーブルでiPhoneをMacにつなぎます
• 実機ビルドが初めての場合はこちらをご覧いただき、実機ビルドの準備をお願いします
• Xcode画面で左上で、接続したiPhoneを選び、実行ボタン（さんかくの再生マーク）をクリックします

• ビルド時にエラーが発生した場合の対処方法

• Xcodeのバージョンが古い場合import NCMBにエラーが発生し、上手くSDKが読み込めないことがあります

• その場合は【Swift】SDKの読み込みにuse framework!が使えない場合の対処方法をご覧いただき、別の読み込み方法をお試しください

• アプリが起動したら、①「カメラ」ボタンをタップして、写真を撮影します

• 次に、②「mobile backendに保存」ボタンをタップします

• 写真に名前を付けます
• 「OK」をタップすると写真がクラウドに保存されます
• 保存に失敗した場合は画面にエラーコードが表示されます
• 万が一エラーが発生した場合は、こちらよりエラー内容を確認いただけます

---

• 保存に成功したら、ニフティクラウドmobile backendのダッシュボードから「ファイルストア」を確認してみましょう！

• 簡単に写真がクラウドに保存できました☆★

解説

サンプルプロジェクトに実装済みの内容のご紹介

SDKのインポートと初期設定

• ニフティクラウドmobile backend のドキュメント（クイックスタート）をSwift版に書き換えたドキュメントをご用意していますので、ご活用ください
• SwiftでmBaaSを始めよう！(＜CocoaPods＞でuse_framewoks!を有効にした方法)
• ＜CocoaPods＞SwiftでmBaaSを始めよう！

ロジック

• Main.storyboardでデザインを作成し、ViewController.swiftにロジックを書いています
• 写真をクラウドに保存する処理は以下のように記述されます

import UIKit
import NCMB
classViewController:UIViewController,UINavigationControllerDelegate,UIImagePickerControllerDelegate{@IBOutlet weak varcameraView:UIImageView!@IBOutlet weak varlabel:UILabel!overridefunc viewDidLoad(){
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
self.label.text ="カメラで写真を撮りましょう！"}
// 「カメラ」ボタン押下時の処理
@IBActionfunc cameraStart(sender:AnyObject){letsourceType:UIImagePickerControllerSourceType=UIImagePickerControllerSourceType.Camera
// カメラが利用可能か確認する
ifUIImagePickerController.isSourceTypeAvailable(UIImagePickerControllerSourceType.Camera){letcameraPicker=UIImagePickerController()
cameraPicker.sourceType = sourceType
cameraPicker.delegate =selfself.presentViewController(cameraPicker, animated:true, completion:nil)}else{print("エラーが発生しました")self.label.text ="エラーが発生しました"}}
// 撮影が終了したときに呼ばれる
func imagePickerController(picker:UIImagePickerController, didFinishPickingMediaWithInfo info:[String:AnyObject]){iflet pickedImage =info[UIImagePickerControllerOriginalImage]as?UIImage{
cameraView.contentMode =.ScaleAspectFit
cameraView.image = pickedImage
self.label.text ="撮った写真をクラウドに保存しよう！"}
// 閉じる処理
picker.dismissViewControllerAnimated(true, completion:nil)}
// 撮影がキャンセルされた時に呼ばれる
func imagePickerControllerDidCancel(picker:UIImagePickerController){
picker.dismissViewControllerAnimated(true, completion:nil)print("キャンセルされました")self.label.text ="キャンセルされました"}
// 「mobile backendに保存」ボタン押下時の処理
@IBActionfunc saveImage(sender:AnyObject){letimage:UIImage!= cameraView.image
// 画像がnilのとき
if image ==nil{print("画像がありません")self.label.text ="画像がありません"return}
// 画像をリサイズする
letimageW:Int=Int(image.size.width*0.2)letimageH:Int=Int(image.size.height*0.2)letresizeImage=resize(image, width: imageW, height: imageH)
// ファイル名を決めるアラートを表示
letalert=UIAlertController(title:"保存します", message:"ファイル名を指定してください", preferredStyle:.Alert)
// UIAlertControllerにtextFieldを追加
alert.addTextFieldWithConfigurationHandler{(textField: UITextField!)-> Void in
}
// アラートのOK押下時の処理
alert.addAction(UIAlertAction(title:"OK", style:.Default){(action: UIAlertAction!)-> Void in
// 入力したテキストをファイル名に指定
letfileName= alert.textFields![0].text! +".png"
// 画像をNSDataに変換
letpngData=NSData(data:UIImagePNGRepresentation(resizeImage)!)letfile=NCMBFile.fileWithName(fileName, data: pngData)as!NCMBFile
// ACL設定（読み書き可）
letacl=NCMBACL()
acl.setPublicReadAccess(true)
acl.setPublicWriteAccess(true)
file.ACL = acl
// ファイルストアへ画像のアップロード
file.saveInBackgroundWithBlock({(error: NSError!)-> Void in
if error !=nil{
// 保存失敗時の処理
print("保存に失敗しました。エラーコード：\(error.code)")self.label.text ="保存に失敗しました：\(error.code)"}else{
// 保存成功時の処理
print("保存に成功しました")self.label.text ="保存に成功しました"}}, progressBlock:{(int:Int32)->Voidinself.label.text ="保存中：\(int)％"})})
// アラートのCancel押下時の処理
alert.addAction(UIAlertAction(title:"Cancel", style:.Default){(action: UIAlertAction!)-> Void in
print("保存がキャンセルされました")self.label.text ="保存がキャンセルされました"})presentViewController(alert, animated:true, completion:nil)}
// 画像をリサイズする処理
func resize (image:UIImage, width:Int, height:Int)->UIImage{letsize:CGSize=CGSize(width: width, height: height)UIGraphicsBeginImageContext(size)
image.drawInRect(CGRectMake(0,0, size.width, size.height))letresizeImage=UIGraphicsGetImageFromCurrentImageContext()UIGraphicsEndImageContext()return resizeImage
}overridefunc didReceiveMemoryWarning(){
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}}

• 【注意】ニフティクラウドmobile backendのBasicプラン（無料）では、1度にアップロードできるファイルの上限が５MBとなっています。iPhoneで撮影した写真はその制限を超えてしまうため、圧縮して保存を行っています。（有償プランの場合上限は異なります。詳しくはこちら）

参考

• ニフティクラウドmobile backend のドキュメント（ファイルストア）をSwift版に書き換えたドキュメントをご用意していますので、ご活用ください
• Swiftでファイルをサーバーに保存しよう！
• 同じ内容の【Objective-C】版もご用意しています
• https://github.com/natsumo/ObjcFileApp