ステップ 4: Visualforce ページを作成する
チャネル通知が表示される Visualforce ページを作成します。
- [設定] から [クイック検索] ボックスに「Visualforce ページ」と入力し、[Visualforce ページ] を選択します。
- [新規] をクリックします。
- [表示ラベル] 項目に、ページ名 StreamingAPIDemo を入力します。
-
ページのコードを、ダウンロードした StreamingApiDemo ファイルのコードで置き換えます。
1<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> </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> - [保存] をクリックしてページを保存します。