LoginSignup
4
2

More than 5 years have passed since last update.

ionicで新規アプリを作成して、iosデバイスでionic-cliでテスト実行するまでの手順

Posted at

ionicで新規アプリを作成して、iosデバイスでテスト実行するまでの手順(ionic-cli)

  • ionic version 3.6.0

ionicで新規プロジェクトを作成

ionic start buildtest blank

事前準備

デバイスで実行する前に以下のインストールが必要

npm install -g ios-deploy

config.xml

初期状態は以下の通り


<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<widget id="io.ionic.starter" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>MyApp</name>
    <description>An awesome Ionic/Cordova app.</description>
    <author email="hi@ionicframework" href="http://ionicframework.com/">Ionic Framework Team</author>

このままだと、idがビルドした時のbundle identiferになるので、書き換える。
アプリ名、メールアドレスなども、自分の希望するものに適宜変更


<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<widget id="com.firstfournotes.buildtest" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>BuildTestApp</name>
    <description>Buildtest app.</description>
    <author email="xxxxx@firstfournotes.com" href="http://firstfournotes.com/">FirstFourNotes,LLC</author>

build.json

ビルド用のプロビジョニング定義を書きます


{
    "ios": {
        "debug": {
            "codeSignIdentity": "iPhone Developer",
            "developmentTeam": "{team name}",
            "packageType": "development"
        },
        "release": {
            "codeSignIdentity": "iPhone Developer",
            "developmentTeam": "{team name}",
            "packageType": "app-store"
        }
    }
}

実行

  • iosプラットフォームの追加

ionic cordova platform add ios

  • デバイスで実行

iPhoneつなぎましょう


ionic cordova run ios --debug --buildConfig build.json --device

  • 途中でキーチェーンへのアクセスを許可するかどうかが出て来ます

「常に許可」

keychain.png

起動とエラー

最後にエラーとなってしまうのだけど、デバイスにアプリは転送されて立ち上げることはできています。


------ Debug phase ------
Starting debug of xxxxxxxxx (N66mAP, iPhone 6s Plus, iphoneos, arm64) a.k.a. 'xxxxx' connected through USB...
2017-07-30 08:16:18.120 ios-deploy[37159:2940059] [ !! ] Unable to locate DeviceSupport directory. This probably means you don't have Xcode installed, you will need to launch the app manually and logging output will not be shown!
Error: Error code 253 for command: ios-deploy with args: --justlaunch,--no-wifi,-d,-b,/Users/xxxxxx/gitLab/lab/buildtest/platforms/ios/build/device/BuildTestApp.app

[ERROR] Cordova encountered an error.
        You may get more insight by running the Cordova command above directly.

[ERROR] An error occurred while running cordova run ios --debug --device --buildConfig build.json (exit code 1).

Xcodeを一度立ち上げないとダメなのか。。_
上記のエラーを消す方法を探し中。

参考

4
2
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2