Salesforceモバイルアプリのハイブリッド開発についてです。
Getting Started with Hybrid Development Unit | Salesforce Trailhead
ハイブリッド開発の種類
ハイブリッド開発のための Mobile SDK のインストール
androidの場合はこちら。
あとはDeveloper環境と接続アプリケーションの設定が必要になります。
開発環境の準備と開発の流れ
Mobile SDK ハイブリッドアプリケーションを作成する前に、Node.js、Mobile SDK npm パッケージ、Cordova ビルドツールをインストールする必要があります。
接続アプリケーションの設定
ざっくりこんな感じです。
コールバックURLは一時的な値にして後で変更します。
mysampleapp://auth/success
Cordova ビルドツール(Cordova コマンドラインをインストール)
npm installコマンドでインストールできるみたいです。
$ npm install -g cordova
詳細は公式サイトに記載があります。
forcedroid または forceios をインストール
forcedroid (Android用)
$ sudo npm install -g forcedroid
forceios (iOS用)
$ sudo npm install -g forceios
今回はiOS用で進めます。
ハイブリッドアプリケーションを作成する
インストールしたパッケージに応じて「forcedroid create」または「forceios create」と入力します。
今回はiOSアプリなのでこちら。
$ forceios create
以下のプロパティを指定します。(値は任意)
- アプリケーション種別: hybrid_local
- アプリケーション名: MyTrailHybridLocal
- ターゲットディレクトリ: TrailHybridApps
- パッケージ名: com.mytrail.hybrid
- (forceios のみ) 組織名: com.mytrail.hybridlocal
- (forceios のみ) 接続アプリケーション ID: 接続アプリケーションからコンシューマキーを貼り付けます
- (forceios のみ) 接続アプリケーションコールバック URI: 接続アプリケーションからコールバック URL を貼り付けます
注意
正常に実行できるとこんな感じです。
ターゲットディレクトリに指定した『TrailHybridApps』の中に必要なファイル一式が作成されます。
ハイブリッドアプリケーションの実行
次のコマンドで実行できます。
$ cordova emulate ios
実行するとエミュレータが起動してSalesforceのログインページが表示されます。
ログイン後は次のようにユーザ一覧が表示されました。
初期表示画面の設定
ログイン後に最初に表示される画面を変更したい場合は、bootconfig.jsonファイルを編集します。
次のようにStartPageのところを"/apex/VFPageName"という感じで指定するとVisualforceページを表示できるようになります。(たぶんこんな感じ...)
こちらのサイトがわかりやすかったです。