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

ステップ 4: Visualforce ページを作成する

チャネル通知が表示される Visualforce ページを作成します。
  1. [設定] から、[開発] | [ページ] をクリックします。
  2. [新規] をクリックします。
  3. [表示ラベル] 項目に、ページ名 StreamingAPIDemo を入力します。
  4. ページのコードを、ダウンロードした StreamingApiDemo ファイルのコードで置き換えます。
    1swfobject.registerObject("clippy.codeblock-0", "9");<apex:page >
    2<apex:includeScript value="{!$Resource.json2_js}"/>
    3<apex:includeScript value="{!URLFOR($Resource.cometd, 'dojo/dojo.js')}"/>
    4<apex:includeScript value="{!$Resource.demo_js}"/>
    5<apex:stylesheet value="{!$Resource.demo_css}"/>
    6    <script>var token = '{!$Api.Session_ID}';</script>
    7        <div id="demo">
    8            <div id="datastream"></div>
    9            <div id="input">
    10                <div id="join">
    11                    <table>
    12                        <tbody>
    13                            <tr>
    14                                <td>&nbsp;</td>
    15                                <td> Enter Topic Name </td>
    16                                <td>
    17                                    <input id="topic" type="text" />
    18                                </td>
    19                                <td>
    20                                    <button id="subscribeButton" 
    21                                        class="button">Subscribe</button>
    22                                </td>
    23                            </tr>
    24                        </tbody>
    25                    </table>
    26                </div>
    27                <div id="joined">
    28                    <table>
    29                        <tbody>
    30                            <tr>
    31                                <td>
    32                                    <button id="leaveButton" 
    33                                        class="button">Unsubscribe</button>
    34                                </td>
    35                            </tr>
    36                        </tbody>
    37                    </table>
    38                </div>
    39            </div>
    40        </div>
    41</apex:page>
  5. [保存] をクリックしてページを保存します。