既存の Cordova アプリケーションおよびハイブリッド・アプリケーションのマイグレーション

概説

IBM MobileFirst Foundation バージョン 6.2.0 以降で作成された既存の Cordova アプリケーションまたはハイブリッド・アプリケーションをマイグレーションするには、現行バージョンのプラグインを使用する Cordova プロジェクトを作成する必要があります。 次に、v8.0 で使用が中止された、または v8.0 に含まれていないクライアント・サイド API を置き換えます。 このタスクでは、マイグレーション・アシスト・ツールが役立ちます。

ジャンプ先

• v8.0 を使用して開発した Cordova アプリケーションと v7.1 以前を使用して開発した Cordova アプリケーションの比較
• IBM Mobile Foundation 8.0 でサポートされる Cordova アプリケーションへの、既存のハイブリッド・アプリケーションまたはクロスプラットフォーム・アプリケーションのマイグレーション
• iOS Cordova での暗号化のマイグレーション
• ダイレクト・アップデートのマイグレーション
• WebView のアップグレード
• 削除されたコンポーネント

v8.0 を使用して開発した Cordova アプリケーションと v7.1 以前を使用して開発した Cordova アプリケーションの比較

MobileFirst v8.0 で開発された Cordova アプリケーションと、IBM MobileFirst Platform Foundation v7.1 で開発された Cordova アプリケーションおよびハイブリッド・アプリケーションを比較します。

Mobile Foundation 8.0 でサポートされる Cordova アプリケーションへの既存のハイブリッドまたはクロスプラットフォーム・アプリケーションのマイグレーション

IBM MobileFirst Platform Foundation バージョン 6.2 以降で開発された既存のハイブリッドまたはクロスプラットフォーム (Cordova) のアプリケーションを、Mobile Foundation v8.0 でサポートされる Cordova アプリケーションにマイグレーションできます。

ジャンプ先のセクション

• マイグレーション・アシスト・ツールを使用した Cordova アプリケーションのマイグレーションの開始
• MobileFirst ハイブリッド・アプリケーションのマイグレーションの完了
• MobileFirst Cordova アプリケーションのマイグレーションの完了

マイグレーション・アシスト・ツールを使用した Cordova アプリケーションのマイグレーションの開始

マイグレーション・アシスト・ツールは、もう有効でない API を識別し、v8.0 でサポートされる Cordova アプリケーションにプロジェクトをコピーすることにより、MobileFirst の以前のバージョンで作成されたクロスプラットフォーム・アプリケーションをマイグレーションする準備を支援します。

マイグレーション・アシスト・ツールを使用する前に、以下の情報を知っておくことが重要です。

• 既存の IBM MobileFirst Platform Foundation ハイブリッド・アプリケーション、または mfp cordova create コマンドを使用して作成した Cordova アプリケーションがある必要があります。
• インターネット・アクセスが必要です。
• マイグレーション・アシスト・ツール mfpmigrate-cli をインストールするには、node v6.x および npm v3.x がインストール済みである必要があります。
• Cordova コマンド・ライン・インターフェース (CLI)、およびターゲット・プラットフォームで Cordova CLI を使用するために必要なすべての前提条件がインストールされている必要があります。 詳しくは、Apache Cordova Web サイトの『The Command-Line Interface』を参照してください。
• マイグレーション・プロセスの制限についてよく読み、理解します。 詳しくは、以前のリリースからのアプリケーションのマイグレーションを参照してください。

以前のバージョンの IBM MobileFirst Platform Foundation のコマンドを使用して作成されたクロスプラットフォーム・アプリケーション、または IBM MobileFirst Platform Foundation コマンドを使用して作成された Cordova アプリケーションは、一部変更を行わないとバージョン 8.0 ではサポートされません。 マイグレーション・アシスト・ツールは、以下の機能を使用してこのプロセスを簡素化します。

• 既存のハイブリッド・アプリケーション、または IBM MobileFirst Platform Foundation を使用して開発された Cordova アプリケーション内の JavaScript ファイルおよび HTML ファイルをスキャンし、バージョン 8.0 で非推奨となった API、サポートされなくなった API、または変更された API を識別します。
• 初期ハイブリッド・アプリケーション、または IBM MobileFirst Platform Foundation を使用して開発された Cordova アプリケーションの構造、スクリプト、および構成ファイルを、バージョン 8.0 でサポートされている Cordova 構造にコピーします。

マイグレーション・アシスト・ツールは、アプリケーションの開発者コードやコメントの変更も移動も行いません。 このツールを実行した後、MobileFirst ハイブリッド・アプリケーションのマイグレーションの完了または MobileFirst Cordova アプリケーションのマイグレーションの完了に進んで、マイグレーション・プロセスを続ける必要があります。

1. マイグレーション・アシスト・ツールをインストールします。
   • .tgz ファイルをダウンロードしたディレクトリーに移動します。
   • 以下のコマンドを入力することにより、NPM を使用してツールをインストールします。

   npm install -g tgz_filename
   

   NPM の mfpmigrate-cli パッケージの詳細については、ここをクリックしてください。

2. 以下のコマンドを入力して、IBM MobileFirst Platform Foundation アプリケーションをスキャンおよびコピーします。

   mfpmigrate client --in source_directory --out destination_directory --projectName new-project-directory
   

   • source_directory
     マイグレーションするプロジェクトの現在のロケーション。 ハイブリッド・アプリケーションの場合、これはアプリケーションの application フォルダーをポイントしていなければなりません。
   • destination_directory
     新しいバージョン 8.0 互換の Cordova 構造が出力されるディレクトリーのオプション名。 このディレクトリーは、new-project-directory フォルダーの親です。 これが指定されていない場合、フォルダーはコマンドが実行されたディレクトリーに作成されます。
   • new-project-directory 新しいプロジェクトの内容が配置されるフォルダーのオプション名。 このフォルダーは destination_directory フォルダー内に配置され、Cordova アプリケーションのすべての情報がこのフォルダーに含まれます。 このオプションが指定されていない場合、デフォルト名は app_name-app_id-version です。
     これを client コマンドと共に使用すると、マイグレーション・アシスト・ツールが以下のアクションを実行します。
     • バージョン 8.0 で削除された、非推奨となった、または変更された、既存の IBM MobileFirst Platform Foundation アプリケーション内の API を識別します。
     • 初期アプリケーションの構造に基づいて Cordova 構造を作成します。
     • 該当する場合、以下の項目をコピーまたは追加します。
       • Android オペレーティング・システム
       • iPhone および iPad のオペレーティング・システム
       • Windows オペレーティング・システム
       • Cordova-mfp-plugin
       • JSONStore フィーチャーが旧プロジェクトでインストールされていた場合、Cordova-plugin-mfp-jsonstore プラグイン。
       • FIPS が旧プロジェクトでインストールされていた場合、Cordova-plugin-mfp-fips プラグイン。
       • プッシュ通知フィーチャーが旧プロジェクトでインストールされていた場合、Cordova-plugin-mfp-push プラグイン。
       • 旧プロジェクトで証明書のピン留めが有効になっていた場合、ハイブリッド証明書。
       • アプリケーション、スクリプト、および XML ファイル
     • コマンド完了後、結果として得られた情報ファイルをデフォルト・ブラウザーで開きます。

     重要: マイグレーション・アシスト・ツールは、開発者コードおよびコメント・テキストを新しい構造にコピーしません。

3. 新しい Cordova アプリケーションでの API 問題を解決します。
   • destination_directory ディレクトリーに作成される api-report.html ファイル (コマンド完了時にデフォルト・ブラウザーで開かれるファイル) を調べます。 このファイル内の表の各行によって、バージョン 8.0 と互換性がないアプリケーション内で使用されている非推奨の API、変更された API、または削除された API が識別されます。 また、このファイルは、削除された API に置き換わるものも指定します (置き換えが使用可能な場合)。

   ファイル・パス	行番号	API	行の内容	API 変更のカテゴリー	説明およびアクション項目
   c:¥local¥Cordova¥www¥js¥index.js	15	WL.Client.getAppProperty	document.getElementById('app_version') textContent = WL.Client.getAppProperty("APP_VERSION");	サポートされません	8.0 から削除されました。 Cordova プラグインを使用してアプリケーションのバージョンを取得します。 代わりの API はありません。

   • api-report.html ファイル内で識別された API の問題に対処します。
4. 初期アプリケーション構造から新しい Cordova 構造内の正しいロケーションに開発者コードを手動でコピーします。 ソース IBM MobileFirst Platform Foundation アプリケーションのタイプに従って、以下のディレクトリー内の内容をコピーします。
   • IBM MobileFirst Platform Foundation ハイブリッド・アプリケーション
     ソース・アプリケーションの common ディレクトリーの内容を、新しい Cordova アプリケーション内の www ディレクトリーにコピーします。
   • IBM MobileFirst Platform Foundation を使用して開発された Cordova アプリケーション ソース・アプリケーションの www ディレクトリーの内容を、新しい Cordova アプリケーションの www ディレクトリーにコピーします。
5. 新規アプリケーションに対して scan コマンドと共にマイグレーション・アシスト・ツールを実行して、API の変更が完了していることを確認します。

   • 以下のコマンドを入力して、スキャンを実行します。

     mfpmigrate scan --in source_directory --out destination_directory --type hybrid
     

     • source_directory
       スキャンするファイルの現在のロケーション。 IBM MobileFirst Platform Foundation ハイブリッド・アプリケーションでは、このロケーションは、アプリケーションの common ディレクトリーです。 Mobile Foundation バージョン 8.0 の Cordova クロスプラットフォーム・アプリケーションでは、このロケーションは www ディレクトリーです。
     • destination_directory
       スキャンの結果が出力されるディレクトリー。
     • scan_type
       スキャンするプロジェクトのタイプ。

   • api-report.html ファイル内で特定された残りの API の問題に対処します。

6. すべての問題が解決されるまで、ステップ 6 を繰り返して、新しい Cordova アプリケーションに対してスキャン・ツールを実行します。

MobileFirst ハイブリッド・アプリケーションのマイグレーションの完了

マイグレーション・アシスト・ツールを使用した後、コードの一部を手動で変更してマイグレーション・プロセスを完了する必要があります。

• 既存のハイブリッド・アプリケーションに対して、既に mfpmigrate マイグレーション・アシスト・ツールを実行済みである必要があります。 詳しくは、マイグレーション・アシスト・ツールを使用した Cordova アプリケーションのマイグレーションの開始を参照してください。
• Cordova コマンド・ライン・インターフェース (CLI) をインストール済みである必要があります。また、追加の Cordova プラグインをインストールする必要がある場合は、ターゲット・プラットフォームで Cordova CLI を使用するために必要な前提条件ソフトウェアもインストール済みである必要があります (ステップ 6 を参照)。 詳しくは、Apache Cordova Web サイトの The Command-Line Interface を参照してください。
• JQuery の新規バージョンをダウンロードする必要がある (ステップ 1c) 場合、または追加の Cordova プラグインをインストールする必要がある (ステップ 6) 場合は、インターネット・アクセスが必要です。
• 追加の Cordova プラグインをインストールする必要がある (ステップ 6) 場合は、node.js バージョン 4.0.0 以降がインストールされている必要があります。

このタスクのステップを完了して、IBM MobileFirst Platform Foundation 7.1 から、Mobile Foundation 8.0 のサポートが組み込まれた Cordova アプリケーションへの、MobileFirst ハイブリッド・アプリケーションのマイグレーションを完了します。

マイグレーションが完了すると、マイグレーション後のアプリケーションでは、IBM MobileFirst Platform Foundation とは独立して入手する Cordova のプラットフォームやプラグインを使用できます。また、引き続き、任意の Cordova 開発ツールを使用してアプリケーションを開発できます。

1. www/index.html ファイルを更新します。

   • 以下の CSS コードを、index.html ファイルの先頭、既にある CSS コードの前に追加します。

     <link rel="stylesheet" href="worklight/worklight.css">
     <link rel="stylesheet" href="css/main.css">
     

     注: worklight.css ファイルは、body 属性を relative に設定します。 これがアプリケーションのスタイルに影響する場合は、ユーザー自身の CSS コードで position に別の値を宣言してください。 以下に例を示します。

     body {
           position: absolute;
     }
     

   • Cordova JavaScript を、ファイルの先頭、CSS 定義の後に追加します。

     <script type="text/javascript" src="cordova.js"></script>
     

   • 以下のコード行がある場合は削除します。

     <script>window.$ = window.jQuery = WLJQ;</script>
     

     ユーザー独自のバージョンの JQuery をダウンロードし、以下のコード行で示すように、それをロードすることができます。

     <script src="lib/jquery.min.js"></script>
     

     このオプションの jQuery 追加を lib フォルダーへ移動する必要はありません。 この追加はどこでも必要な場所に移動できますが、その追加を index.html ファイル内で正しく参照している必要があります。

2. www/js/InitOptions.js ファイルを更新して WL.Client.init を自動的に呼び出すようにします。

   • InitOptions.js から以下のコードを削除します。

     関数 WL.Client.init は自動的にグローバル変数 wlInitOptions を指定して呼び出されます。

     if (window.addEventListener) {
           window.addEventListener('load', function() { WL.Client.init(wlInitOptions); }, false);
     } else if (window.attachEvent) {
           window.attachEvent('onload',  function() { WL.Client.init(wlInitOptions); });
     }
     

3. www/InitOptions.js を更新して WL.Client.init を手動で呼び出すようにします。
   • config.xml ファイルを編集し、<mfp:clientCustomInit> エレメントの enabled 属性を true に設定します。

   • MobileFirst ハイブリッド・デフォルト・テンプレートを使用している場合、以下のコードを置き換えます。

     if (window.addEventListener) {
           window.addEventListener('load', function() { WL.Client.init(wlInitOptions); }, false);
     } else if (window.attachEvent) {
           window.attachEvent('onload',  function() { WL.Client.init(wlInitOptions); });
     }
     

     上記を、以下のコードにします。

     if (document.addEventListener) {
           document.addEventListener('mfpready', function() { WL.Client.init(wlInitOptions); }, false);
     } else if (window.attachEvent) {
           document.attachEvent('mfpready',  function() { WL.Client.init(wlInitOptions); });
     }
     

4. (例えば、app/iphone/js/main.js 内に) ハイブリッド環境に固有のロジックがある場合は、関数 wlEnvInit() をコピーし、これを www/main.js の末尾に追加します。

   // This wlEnvInit method is invoked automatically by MobileFirst runtime after successful initialization.
   function wlEnvInit() {
        wlCommonInit();
        if (cordova.platformId === "ios") {
            // Environment initialization code goes here for ios
        } else if (cordova.platformId === "android") {
            // Environment initialization code goes here for android
        }
   }
   

5. オプション: 元のアプリケーションで FIPS フィーチャーを使用している場合は、JQuery イベント・リスナーを、WL/FIPS/READY イベントを listen する JavaScript イベント・リスナーに変更します。 FIPS について詳しくは、『FIPS 140-2 サポート』を参照してください。
6. オプション: 元のアプリケーションで、マイグレーション・アシスト・ツールによって置き換えも提供もされない、サード・パーティーの Cordova プラグインを使用している場合は、cordova plugin add コマンドを使用して、手動でそれらのプラグインを Cordova アプリケーションに追加してください。 このツールでどのプラグインが置き換えられるかについて詳しくは、マイグレーション・アシスト・ツールを使用した Cordova アプリケーションのマイグレーションの開始を参照してください。

MobileFirst Cordova アプリケーションのマイグレーションの完了

マイグレーション・アシスト・ツールを使用した後、コードの一部を手動で変更してマイグレーション・プロセスを完了する必要があります。

• 既存の Cordova アプリケーションで mfpmigrate マイグレーション・アシスト・ツールを既に実行している必要があります。 詳しくは、マイグレーション・アシスト・ツールを使用した Cordova アプリケーションのマイグレーションの開始を参照してください。
• Cordova コマンド・ライン・インターフェース (CLI)、およびターゲット・プラットフォームで Cordova CLI を使用するために必要なすべての前提条件がインストールされている必要があります。 詳しくは、Apache Cordova Web サイトの The Command-Line Interface を参照してください。
• インターネット・アクセスが必要です。
• node.js バージョン 4.0.0 以降がインストールされている必要があります。

mfp cordova create を使用して作成した Cordova アプリケーションは、IBM MobileFirst Platform Foundation の以前のバージョンで提供されていた Cordova のプラットフォームとプラグインを使用します。 マイグレーションが完了すると、マイグレーション後のアプリケーションは、Mobile Foundation とは独立して入手した Cordova プラットフォームおよびプラグインを使用できます。 これは、IBM MobileFirs Foundation v8.0 で使用可能な唯一のタイプの Cordova アプリケーション・サポートです。

マイグレーションするには、マイグレーション・アシスト・ツールを実行し、次にアプリケーションに他の変更を行います。

1. 任意の Cordova 開発ツールを使用して、元のアプリケーションに含まれていた MobileFirst機能を有効にする Cordova プラグイン以外の任意の Cordova プラグインを追加します。 例えば、Cordova CLI では、プラグイン cordova-plugin-file および cordova-plugin-file-transfer を追加するには、以下を入力します。

   cordova plugin add cordova-plugin-file cordova-plugin-file-transfer
   

   注: mfpmigrate マイグレーション・アシスト・ツールによって MobileFirst フィーチャー用の Cordova プラグインが追加されていますので、ユーザーがそれらを追加する必要はありません。 これらのプラグインについて詳しくは、MobileFirst 用の Cordova プラグインを参照してください。

2. オプション: 元のアプリケーションで FIPS フィーチャーを使用している場合は、JQuery イベント・リスナーを、WL/FIPS/READY イベントを listen する JavaScript イベント・リスナーに変更します。 FIPS について詳しくは、『FIPS 140-2 サポート』を参照してください。
3. オプション: 元のアプリケーションで、マイグレーション・アシスト・ツールによって置き換えも提供もされない、サード・パーティーの Cordova プラグインを使用している場合は、cordova plugin add コマンドを使用して、手動でそれらのプラグインを Cordova アプリケーションに追加してください。 このツールでどのプラグインが置き換えられるかについて詳しくは、マイグレーション・アシスト・ツールを使用した Cordova アプリケーションのマイグレーションの開始を参照してください。
4. オプション: (iOS プラットフォームを含み、OpenSSL を使用するアプリケーションの場合のみ。) **cordova-plugin-mfp-encrypt-utils ** プラグインをアプリケーションに追加します。 **cordova-plugin-mfp-encrypt-utils ** プラグインは、iOS プラットフォームを使用する Cordova アプリケーションの暗号化のための iOS OpenSSL フレームワークを提供します。

これで、任意の Cordova ツールを使用して開発を続行できるが、MobileFirst 機能も含まれている Cordova アプリケーションが用意できました。

iOS Cordova での暗号化のマイグレーション

iOS ハイブリッドまたは Cordova のアプリケーションで OpenSSL 暗号化を使用していた場合、アプリケーションを新しい V8.0.0 のネイティブ暗号化にマイグレーションできます。 OpenSSL の使用を継続する場合は、追加の Cordova プラグインを追加する必要があります。

マイグレーションに関する iOS Cordova 暗号化オプションについて詳しくは、Cordova アプリケーションでの OpenSSL の有効化トピックの マイグレーション・オプション・セクションを参照してください。

ダイレクト・アップデートのマイグレーション

ダイレクト・アップデートは、保護リソースに初めてアクセスした後にトリガーされます。 新規 Web リソースのデプロイ・プロセスが v8.0 で変更されました。

以前のバージョンと異なり、v8.0 では、アプリケーションがセキュア MobileFirst リソースにアクセスしない場合、サーバーで更新が使用可能になっても、クライアント・アプリケーションは更新を受け取りません。 OAuth がアノテーション @OAuth(security=false) または構成によって無効にされているなどのため、リソースが無保護の可能性があります。 このリスクは、以下のいずれかの方法で回避できます。

• アクセス・トークンを明示的に取得する。 WLAuthorizationManager クラスの obtainAccessToken API を参照してください。
• 別の保護リソースを呼び出す。 WLResourceRequestクラスを参照してください。

ダイレクト・アップデートを使用するには: v8.0 以降、.wlapp ファイルを MobileFirst Server にアップロードしなくなりました。 代わりに、それより小さい Web リソース・アーカイブ (.zip ファイル) をアップロードします。 このアーカイブ・ファイルには、以前のバージョンで広く使用されていた Web プレビュー・ファイルまたはスキンは含まれなくなりました。 それらは廃止されました。 アーカイブに含まれるのは、クライアントに送信される Web リソースと、ダイレクト・アップデートの妥当性検査のためのチェックサムのみです。

詳しくは、ダイレクト・アップデートの資料を参照してください。

WebView のアップグレード

IBM MobileFirs Foundation v8.0 の Cordova SDK (JavaScript) では、コードの適応を必要とする数多くの変更が導入されました。

手動マイグレーション・プロセスには、以下のいくつかのステージがあります。

• 新規 Cordova プロジェクトを作成する
• 必要な Web リソース・エレメントを前のバージョンのコードで置き換える
• SDK の変更に準拠するように JavaScript コードに必要な変更を行う

v8.0 では、多くの MobileFirst API エレメントが削除されました。 削除されたエレメントは、JavaScript の自動修正をサポートする IDE 内では、存在しないものとして明確なマークがついています。

以下の表では、削除する必要がある API エレメント、および機能を置き換える方法の推奨をリストします。 削除されたエレメントの多くは、Cordova プラグインまたは HTML 5 エレメントに置き換えることができる UI エレメントです。 一部のメソッドが変更されています。

使用が中止された JavaScript UI エレメント

使用が中止されたその他の JavaScript エレメント

非推奨になった JavaScript API

削除されたコンポーネント

MobileFirst Platform Foundation Studio 7.1 によって作成された Cordova プロジェクトには、専有機能をサポートする多くのリソースが含まれていました。 ただし、v8.0 では、ピュア Cordova のみがサポートされ、MobileFirst API ではこれらの機能はサポートされなくなっています。

スキン

MobileFirst アプリケーション・スキン は、各種デバイスおよびフォーマットに適合させるために UI を最適化する手段を提供していましたが、v8.0 ではサポートされなくなっています。
このタイプの機能を置き換えるために、Cordova および HTML 5 で提供されているレスポンシブ Web デザイン方式を採用することをお勧めします。

シェル

シェルにより、複数のアプリケーションで使用および共有する一連の機能の開発が可能でした。 この方法で、ネイティブ環境を熟知した開発者は、一連のコア機能を提供できていました。 このようなシェルは、内部アプリケーションにバンドルされ、ビジネス・ロジックまたは UI の開発に関わる開発者によって使用されていました。

以前のハイブリッド・アプリケーションでシェルおよび内部アプリケーションを使用していた場合、Cordova 設計パターンを採用して、シェル・コンポーネントを Cordova プラグインとして実装し、複数のアプリケーションで共有できるようにすることをお勧めします。 開発者は、シェル・コードの一部を再使用し、Cordova プラグインにマイグレーションする方法を探ることもできます。

例えば、すべてのアプリケーションで共通の一連の Web リソース (JavaScript、CSS ファイル、グラフィックス、HTML) がある場合、そのようなリソースをアプリケーションの www フォルダーにコピーする Cordova プラグインを作成できます。

例えば、このようなリソースが、以下のように、src/www/acme/ フォルダー内にあるものとします。

• src/www/acme/js/acme.js
• src/www/acme/css/acme.css
• src/www/acme/img/acme-logo.png
• src/www/acme/html/banner.html
• src/www/acme/html/footer.html
• plugin.xml

以下のように、plugin.xml ファイルに <asset> タグが含まれていて、このタグに、リソースをコピーするためのソースとターゲットが入っています。

<?xml version="1.0" encoding="UTF-8"?>
<plugin
     xmlns="http://apache.org/cordova/ns/plugins/1.0"     
     xmlns:rim="http://www.blackberry.com/ns/widgets"
     xmlns:android="http://schemas.android.com/apk/res/android"
     id="cordova-plugin-acme"
     version="1.0.1">
<name>ACME Company Shell Component</name>
<description>ACME Company Shell Component</description>
<license>MIT</license>
<keywords>cordova,acme,shell,components</keywords>
<issue>https://www.acme.com/support</issue>
<asset src="src/www/acme" target="www/acme"/>
</plugin>

plugin.xml を Cordova config.xml ファイルに追加すると、asset src にリストされているリソースがコンパイル時に asset target にコピーされます。
これで、index.html ファイル内、またはアプリケーション内の任意の場所で、これらのリソースを再使用できます。

<link rel="stylesheet" type="text/css" href="acme/css/acme.css">
<script type="text/javascript" src="acme/js/acme.js"></script>
<div id="banner"></div>
<div id="app"></div>
<div id="footer"></div>
<script type="text/javascript">
    $("#banner").load("acme/html/banner.html");
    $("#footer").load("acme/html/footer.html");
</script>

「設定」ページ

「設定」ページは、MobileFirst ハイブリッド・アプリケーションで使用可能な UI でした。このページにより、開発者は、テスト目的のためにサーバー URL を実行時に変更できました。 現在、開発者は、既存の MobileFirst クライアント API を使用してサーバー URL を実行時に変更できるようになっています。 詳しくは、WL.App.setServerUrl を参照してください。

ミニファイ

MobileFirst Studio 7.1 には、コンパイル前に不要なすべての文字を削除することで JavaScript コードのサイズを削減する OOTB 方式が用意されていました。 この削除された機能は、Cordova フックをプロジェクトに追加することで置き換えることができます。

JavaScript および CSS ファイルをミニファイするための多くのフックが使用可能です。 これらのフックは、アプリケーションの config.xml ファイルの before_prepare イベント内に配置できます。

以下に、推奨されるフックをいくつか示します。

• https://www.npmjs.com/package/uglify-js
• https://www.npmjs.com/package/clean-css

これらのフックは、プラグイン・ファイル内、またはアプリケーションの config.xml ファイル内で <hook> エレメントを使用して定義できます。
以下の例では、before_prepare フック・イベントを使用して、Cordova がファイルを各プラットフォームの www/ フォルダーにコピーする準備を始める前にコードをミニファイするためのスクリプトを実行します。

<hook type="before_prepare" src="scripts/uglify.js" />