Salesforce1 モバイルアプリケーション開発者ガイド
j実際に試す: Visualforce ページを作成する
次に、Visualforce ページを作成し、ナビゲーションメニューから利用できるようにしましょう。
この Visualforce ページは次の項目を参照します。
- googleMapsAPI という名前の静的リソース
- FindNearby という名前の Apex クラス
Visualforce ページの FindNearbyWarehousesPage も、パッケージに含まれています。パッケージに含まれているページを使用する場合は、次のステップ「タブを新規作成する」に進んでください。
このページのコードはユーザの現在の場所を使用し、Google Maps と統合して、20 マイル以内に存在する倉庫を示した地図を表示します。近くに倉庫がある場合、倉庫の名前、住所、電話番号と共にピンが地図に表示されます。
- Salesforce アプリケーションで、[設定] から [クイック検索] ボックスに「Visualforce ページ」と入力し、[Visualforce ページ] を選択します。
- [新規] をクリックします。
-
[表示ラベル] 項目に、「FindNearbyWarehousesPage」と入力します。FindNearbyWarehousesPage ページは、インストールしたパッケージに含まれます。そのため、このコードをコピーして新しいページを作成する場合、ページを別の名前に変更する必要があります。
-
[Salesforce モバイルアプリケーションおよび Lightning ページでの使用が可能] チェックボックスをオンにします。このチェックボックスを選択することは、ページがモバイルに対応していて Salesforce1 で使用できることを示します。
-
次のコードをコピーして [Visualforce Markup] タブに貼り付けます。コード内の改行によってエラーが生じる可能性があるため、一部の改行の削除が必要になる場合があります。
- [保存] をクリックします。
これで、倉庫を検索する Visualforce ページを作成できました。次のステップでは、ページのタブを作成します。その後に、Salesforce1 のナビゲーションメニューにページを追加します。