Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

【ios swift】ニフティクラウドmobile backend を体験しよう!

3,085 views

Published on

Swiftでニフティクラウドmobile backendを簡単に使う

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

【ios swift】ニフティクラウドmobile backend を体験しよう!

  1. 1. Copyright @ NIFTY Corporation All Rights Reserved 【iOS Swift】 ニフティクラウドmobile backend を体験しよう! Xcode(Swift)で作成したiOSアプリから、 クラウドへデータ保存を行う サンプアプリを作成します 2016/04/18作成
  2. 2. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 概要 • Xcode(Swift)で作成したiOSアプリから、ニフティクラウドmobile backendへデー タ登録を行うサンプアプリです • 「START DEMO」ボタンをタップするとクラウドにデータが上がります★ • 簡単な操作ですぐに ニフティクラウドmobile backendを体験いただけます 動作環境※左記内容で動作確認をしています  Mac OS X 10.10(Yosemite)  Xcode ver. 7.2.1  Simulator ver. 9.2 • iPhone6(iOS 9.2)
  3. 3. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ニフティクラウドmobile backendって何?? スマートフォンアプリのバックエンド機能が 開発不要になるクラウドサービス しかも基本無料使えます! 今回は上記サービスの中で『データストア』機能を体験します★
  4. 4. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 作業手順 1.ニフティクラウドmobile backendの 会員登録とログイン→アプリ作成 http://mb.cloud.nifty.com/ 2. Xcodeでアプリを起動(GitHubからプロジェクトをダウンロード) https://goo.gl/QnBSAn 3. APIキーの設定 4.動作確認
  5. 5. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 ニフティクラウドmobile backendの 会員登録とログイン→アプリ作成 • http://mb.cloud.nifty.com/から会員登録をします。 • 登録ができたらログインをすると下図のように「アプリの新規作成」 画面出るのでアプリを作成します 「DBDEMO」
  6. 6. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 • アプリ作成されると下図のような画面になります • この2種類のAPIキー(アプリケーションキーとクライアントキー) はXcodeで作成するiOSアプリにニフティクラウドmobile backend を紐付けるために使用します ニフティクラウドmobile backendの 会員登録とログイン→アプリ作成
  7. 7. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 • データが保存される場所も確認しておきましょう ニフティクラウドmobile backendの 会員登録とログイン→アプリ作成
  8. 8. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 Xcodeでアプリを起動 • GitHub(https://goo.gl/QnBSAn)の ボタンを クリックしてサンプルプロジェクトをMacにダウンロードします • ダウンロードした フォルダを開き、 を ダブルクリックして Xcode開きます
  9. 9. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 APIキーの設定 • AppDelegate.swiftを編集します • 先程ニフティクラウドmobile backendのダッシュボード上で確認し たAPIキーを貼り付けます
  10. 10. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 動作確認 • Xcode左上の実行ボタン( マーク)をクリックします • シミュレーターが 起動したら ボタンをタップします
  11. 11. Copyright @ NIFTY Corporation All Rights Reserved 色見本3 動作確認 • 保存に成功したら、ニフティクラウドmobile backendのダッシュ ボードから「データストア」を確認してみましょう!  動作結果が画面に表示されます 保存に成功した場合:「保存に成功しました。objectId:******」 保存に失敗した場合:「エラーが発生しました。エラーコード:******」  objectIdはデータを保存したときに自動で割り振られるIDです  エラーが発生した場合は、下記よりエラー内容を確認いただけます http://mb.cloud.nifty.com/doc/current/rest/common/error.html TestClassという 保存用クラスが作成され、 その中にデータが 確認できます
  12. 12. Copyright @ NIFTY Corporation All Rights Reserved もと詳しく内容を知りたい方は https://goo.gl/QnBSAn をご覧ください! ニフティクラウドmobile backend について知りたい方はこちら! http://mb.cloud.nifty.com/

×