- ニフティクラウド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を紐付けるために使用します
- 動作確認後に写真（画像）が保存される場所も確認しておきましょう
- 下記リンクをクリックしてプロジェクトをダウンロードをMacにダウンロードします
- SwiftFileApp
- ダウンロードしたフォルダを開き、「SwiftFileApp.xcworkspace」をダブルクリックしてXcode開きます(白い方です)
- 「SwiftFileApp.xcodeproj」（青い方）ではないので注意してください！
AppDelegate.swiftを編集します- 先程ニフティクラウドmobile backendのダッシュボード上で確認したAPIキーを貼り付けます
- それぞれ
YOUR_NCMB_APPLICATION_KEYとYOUR_NCMB_CLIENT_KEYの部分を書き換えます - このとき、ダブルクォーテーション（
"）を消さないように注意してください！ - 書き換え終わったら
command + sキーで保存をします
- lightningケーブルでiPhoneをMacにつなぎます
- 実機ビルドが初めての場合はこちらをご覧いただき、実機ビルドの準備をお願いします
- Xcode画面で左上で、接続したiPhoneを選び、実行ボタン（さんかくの再生マーク）をクリックします
-
ビルド時にエラーが発生した場合の対処方法
-
Xcodeのバージョンが古い場合
import NCMBにエラーが発生し、上手くSDKが読み込めないことがあります -
その場合は【Swift】SDKの読み込みにuse framework!が使えない場合の対処方法をご覧いただき、別の読み込み方法をお試しください
-
アプリが起動したら、①「カメラ」ボタンをタップして、写真を撮影します
-
次に、②「mobile backendに保存」ボタンをタップします
- 写真に名前を付けます
- 「OK」をタップすると写真がクラウドに保存されます
- 保存に失敗した場合は画面にエラーコードが表示されます
- 万が一エラーが発生した場合は、こちらよりエラー内容を確認いただけます
- 保存に成功したら、ニフティクラウドmobile backendのダッシュボードから「ファイルストア」を確認してみましょう！
- 簡単に写真がクラウドに保存できました☆★
サンプルプロジェクトに実装済みの内容のご紹介
- ニフティクラウドmobile backend のドキュメント（クイックスタート）をSwift版に書き換えたドキュメントをご用意していますので、ご活用ください
- SwiftでmBaaSを始めよう！(＜CocoaPods＞でuse_framewoks!を有効にした方法)
- ＜CocoaPods＞SwiftでmBaaSを始めよう！
Main.storyboardでデザインを作成し、ViewController.swiftにロジックを書いています- 写真をクラウドに保存する処理は以下のように記述されます
import UIKit
import NCMB
class ViewController: UIViewController, UINavigationControllerDelegate, UIImagePickerControllerDelegate {
@IBOutlet weak var cameraView: UIImageView!
@IBOutlet weak var label: UILabel!
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
self.label.text = "カメラで写真を撮りましょう！"
}
// 「カメラ」ボタン押下時の処理
@IBAction func cameraStart(sender: AnyObject) {
let sourceType: UIImagePickerControllerSourceType = UIImagePickerControllerSourceType.Camera
// カメラが利用可能か確認する
if UIImagePickerController.isSourceTypeAvailable(UIImagePickerControllerSourceType.Camera) {
let cameraPicker = UIImagePickerController()
cameraPicker.sourceType = sourceType
cameraPicker.delegate = self
self.presentViewController(cameraPicker, animated: true, completion: nil)
} else {
print("エラーが発生しました")
self.label.text = "エラーが発生しました"
}
}
// 撮影が終了したときに呼ばれる
func imagePickerController(picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : AnyObject]) {
if let 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に保存」ボタン押下時の処理
@IBAction func saveImage(sender: AnyObject) {
let image: UIImage! = cameraView.image
// 画像がnilのとき
if image == nil {
print("画像がありません")
self.label.text = "画像がありません"
return
}
// 画像をリサイズする
let imageW : Int = Int(image.size.width*0.2)
let imageH : Int = Int(image.size.height*0.2)
let resizeImage = resize(image, width: imageW, height: imageH)
// ファイル名を決めるアラートを表示
let alert = 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
// 入力したテキストをファイル名に指定
let fileName = alert.textFields![0].text! + ".png"
// 画像をNSDataに変換
let pngData = NSData(data: UIImagePNGRepresentation(resizeImage)!)
let file = NCMBFile.fileWithName(fileName, data: pngData) as! NCMBFile
// ACL設定（読み書き可）
let acl = 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) -> Void in
self.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 {
let size: CGSize = CGSize(width: width, height: height)
UIGraphicsBeginImageContext(size)
image.drawInRect(CGRectMake(0, 0, size.width, size.height))
let resizeImage = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()
return resizeImage
}
override func 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