この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

JavaScript ライブラリの使用

Salesforce Mobile Classic は Salesforce1 アプリケーションに置き換えられます。Salesforce Classic Mobile アプリケーションは、2017 年 12 月 1 日にサポートされるすべてのプラットフォームとデバイスで廃止されます。お客様は、ユーザを Salesforce1 ダウンロード可能アプリケーションに移行するか、既存および将来のモバイルニーズを満たすカスタムモバイルアプリケーションをリリースする必要があります。

重要

Visualforce Mobile ページを開発するとき、Salesforce Mobile Classic でアクションをトリガするコマンドを含む JavaScript ライブラリを活用できます。このライブラリを使用すると、Visualforce Mobile ページとネイティブクライアントアプリケーションとの間のシームレスな操作性を提供できるようになります。

JavaScript ライブラリのアクションは、Visualforce をサポートする JavaScript 対応 iPhone および BlackBerry デバイスのどの Visualforce ページでも使用できます。Android デバイスでは、Visualforce JavaScript ライブラリはサポートされていません。BlackBerry スマートフォンで表示されるページに JavaScript ライブラリを使用する場合、Salesforce では、デバイスにバージョン 4.6 以降の BlackBerry オペレーティングシステムをインストールすることをお勧めします。

共有 JavaScript ライブラリを使用することには、iPhone と BlackBerry の両方のオペレーティングシステムでコマンドが機能するという利点があります。

ヒント

ライブラリの関数をコールするには、少量の JavaScript コードが必要です。次の関数があります。

mobileforce.device.sync(): モバイルクライアントアプリケーションを Salesforce と強制的に同期し、デバイスのデータレコードを更新します。
mobileforce.device.close(): Visualforce ページが表示されている組み込みブラウザを閉じ、元のタブまたはレコードにユーザを戻します。
mobileforce.device.syncClose(): モバイルクライアントアプリケーションを Salesforce と強制的に同期し、Visualforce ページが表示されている組み込みブラウ��を閉じます。
mobileforce.device.getLocation(): デバイスの現在位置の GPS 座標を取得します。

HTML リンクを使用して sync コマンドと close コマンドをトリガすることもできます。JavaScript のサポートが制限される BlackBerry スマートフォンで使用できる、すぐれた代替手法です。コマンドをトリガする HTML を使用するには、<a> タグに href 属性の値として、次の文字列を含めます。

クライアントにデータの同期を強制的に行わせるには、mobileforce:///sync を使用します。
組み込みブラウザを強制的に閉じるには、mobileforce:///close を使用します。
組み込みブラウザを強制的に閉じ、クライアントにデータの同期を行わせるには、mobileforce:///sync/close を使用します。

メモ

Visualforce ページで、次の静的リソースを使用して JavaScript ライブラリをポイントします。

1<script type="application/x-javascript" src="/mobileclient/api/mobileforce.js"></script>

外部 Web サイトは、src パラメータにインスタンス名を含める必要があります。

1<script type="application/x-javascript" src="http://na1.salesforce.com/mobileclient/api/mobileforce.js"></script>

次のコードは、JavaScript ライブラリで使用できるすべてのコマンドを使用した Visualforce ページの例です。

1<apex:page showheader="false">
2
3<html xmlns="http://www.w3.org/1999/xhtml">
4    <head>
5    <title>Visualforce Mobile Trigger Test</title>
6
7    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
8
9    <!-- Using static resource -->
10    <script type="application/x-javascript" src="/mobileclient/api/mobileforce.js"></script>
11
12    <script>
13    function sync() {
14        mobileforce.device.sync();
15            return false;
16    }
17
18    function doClose() {
19        mobileforce.device.close();
20            return false;
21    }
22
23    function syncClose() {
24        mobileforce.device.syncClose();
25            return false;
26    }
27
28    updateLocation = function(lat,lon) {
29        document.getElementById('lat').value = lat;
30        document.getElementById('lon').value = lon;
31    }
32
33    function getLocation() {
34        mobileforce.device.getLocation(updateLocation);
35        return false;
36    }
37
38    </script>
39    </head>
40<body>
41<h2>Triggers:</h2>
42<p>
43    <a href="#" onclick="return sync();">JS sync</a><br/>
44    <a href="#" onclick="return doClose();">JS close</a><br/>
45    <a href="#" onclick="return syncClose();">JS sync and close</a><br/>
46    <a href="mobileforce:///sync">HTML sync</a><br/>
47    <a href="mobileforce:///close">HTML close</a><br/>
48    <a href="mobileforce:///sync/close">HTML sync and close</a><br/>
49</p>
50
51<h2>Location:</h2>
52
53<p>Latitude: <input type="text" disabled="disabled" id="lat" name="lat" value=""/></p>
54
55<p>Logitude: <input type="text" disabled="disabled" id="lon" name="lon" value=""/></p>
56
57<a href="#" onclick="return getLocation();">Get location</a><br/>
58
59</body>
60</html>
61
62</apex:page>

Visualforce 開発者ガイド

JavaScript ライブラリの使用