© 2013 IBM Corporation06/04/13IBM Worklight デモ環境とサンプルコード
© 2013 IBM Corporation2Empowering the IBM ecosystem06/04/13デモ環境 その1IBM Worklight ServerアプリデバイスIBM developerWorks (RSS)アダプタ...
© 2013 IBM Corporation3Empowering the IBM ecosystem06/04/13アダプターの定義内容(定義ファイル内):<connectivity><connectiionPolicyxsi:type=“h...
© 2013 IBM Corporation4Empowering the IBM ecosystem06/04/13JavaScript でアダプターを呼び出す(アダプターを呼び出す箇所の JavaScript ):var invocatio...
© 2013 IBM Corporation5Empowering the IBM ecosystem06/04/13デモ環境 その2IBM Worklight ServerアプリデバイスIBM Domino データベースアダプターアダプターH...
© 2013 IBM Corporation6Empowering the IBM ecosystem06/04/13アダプターの定義内容(定義ファイル内):<connectivity><connectiionPolicyxsi:type=“h...
© 2013 IBM Corporation7Empowering the IBM ecosystem06/04/13JavaScript でアダプターを呼び出す(アダプターを呼び出す箇所の JavaScript ):var invocatio...
© 2013 IBM Corporation8Empowering the IBM ecosystem06/04/13デモ環境 その3IBM Worklight ServerアプリデバイスリレーショナルデータベースアダプターアダプターJDBC ...
© 2013 IBM Corporation9Empowering the IBM ecosystem06/04/13アダプターの定義内容(定義ファイル内):<connectivity><connectiionPolicy xsi:type=“...
© 2013 IBM Corporation10Empowering the IBM ecosystem06/04/13JavaScript でアダプターを呼び出す(アダプターを呼び出す箇所の JavaScript ):var invocati...
Upcoming SlideShare
Loading in …5
×

Ibm worklight デモ環境とサンプルコード

975 views
820 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
975
On SlideShare
0
From Embeds
0
Number of Embeds
38
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ibm worklight デモ環境とサンプルコード

  1. 1. © 2013 IBM Corporation06/04/13IBM Worklight デモ環境とサンプルコード
  2. 2. © 2013 IBM Corporation2Empowering the IBM ecosystem06/04/13デモ環境 その1IBM Worklight ServerアプリデバイスIBM developerWorks (RSS)アダプターアダプターHTTP で RSS(XML) を取得し、JSON に変換して、アプリケーションに渡す。<?xml version=“1.0”?><rss version=“2.0”><channel><title>IBM developerWorks 日本語版 </title>:JSON データを HTML5 内のJavaScript で扱う
  3. 3. © 2013 IBM Corporation3Empowering the IBM ecosystem06/04/13アダプターの定義内容(定義ファイル内):<connectivity><connectiionPolicyxsi:type=“http:HTTPConnectionPolicyType”><protocol>http</protocol><domain>www.ibm.com</domain><port>80</port></connectionPolicy>::</connectivity><procedure name=“getStories”/>:( .js ファイル内):function getStories(interest){path = ‘/developerworks/jp/views/’ + interest +‘/rss/libraryview.jsp’;var input = {method: ‘get’,returnedContentType: ‘xml’,path: path};return WL.Server.invokeHttp( input );}:http://www.ibm.com/ 以下のフィードを取得する、と宣言変数を使ってパスを生成し、 get メソッドを実行( RSS なので)取得データは XML を想定。JavaScript 関数としては getStories を使うことを宣言
  4. 4. © 2013 IBM Corporation4Empowering the IBM ecosystem06/04/13JavaScript でアダプターを呼び出す(アダプターを呼び出す箇所の JavaScript ):var invocationData = {adapter: ‘dWFeedsAdapter’,procedure: ‘getStories’,parameters: [ theme ]};WL.Client.invokeProcedure( invocationData, {onSuccess: loadFeedsSuccess,onFailure: loadFeedsFailure,invocationContext: {}} );:(呼び出しが成功した時のハンドラ)function loadFeedsSuccess( result ){:var items =result.invocationResult.rss.channel.item;var n = items.length;for( I = 0; I < n; I ++ ){var item = items[i];:}}アダプターと関数、パラメータを指定成功時、失敗時のハンドラを指定して invoke成功時の処理(非同期)
  5. 5. © 2013 IBM Corporation5Empowering the IBM ecosystem06/04/13デモ環境 その2IBM Worklight ServerアプリデバイスIBM Domino データベースアダプターアダプターHTTP で JSON を取得し、アプリケーションに渡す。[ {“@href”:http://******,“@link”: { “rel”: “document”, “href”: http://******” },“@entryid”: “1-*********************”,:JSON データを HTML5 内のJavaScript で扱う
  6. 6. © 2013 IBM Corporation6Empowering the IBM ecosystem06/04/13アダプターの定義内容(定義ファイル内):<connectivity><connectiionPolicyxsi:type=“http:HTTPConnectionPolicyType”><protocol>http</protocol><domain>XXX.XXX.com</domain><port>80</port></connectionPolicy>::</connectivity><procedure name=“getStories”/>:( .js ファイル内):function getStories(interest){path = interest + ‘/api/data/collections’;var input = {method: ‘get’,returnedContentType: ‘plain’,path: path};return WL.Server.invokeHttp( input );}:http://XXX.XXX.com/ 以下に対して JSON を取得する、と宣言変数を使ってパスを生成し、 get メソッドを実行取得データは plain text を想定。JavaScript 関数としては getStories を使うことを宣言
  7. 7. © 2013 IBM Corporation7Empowering the IBM ecosystem06/04/13JavaScript でアダプターを呼び出す(アダプターを呼び出す箇所の JavaScript ):var invocationData = {adapter: ‘DDSAdapter’,procedure: ‘getStories’,parameters: [ ‘/testdb.nsf” ]};WL.Client.invokeProcedure( invocationData, {onSuccess: loadDbSuccess,onFailure: loadDbFailure,invocationContext: {}} );:(呼び出しが成功した時のハンドラ)function loadDbSuccess( result ){:var objs =JSON.parse( result.invocationResult.text );var n = objs.length;for( I = 0; I < n; I ++ ){var obj = objs[i];:}}アダプターと関数、パラメータを指定成功時、失敗時のハンドラを指定して invoke成功時の処理(非同期)(ほぼ先程の例と同じ)Plain Text を parse
  8. 8. © 2013 IBM Corporation8Empowering the IBM ecosystem06/04/13デモ環境 その3IBM Worklight ServerアプリデバイスリレーショナルデータベースアダプターアダプターJDBC で JSON を取得し、アプリケーションに渡す。+---------+---------+| pcode | pref |+---------+---------+| 01 | 北海道 || 02 | 青森県 |:JSON データを HTML5 内のJavaScript で扱う
  9. 9. © 2013 IBM Corporation9Empowering the IBM ecosystem06/04/13アダプターの定義内容(定義ファイル内):<connectivity><connectiionPolicy xsi:type=“sql:SQLConnectionPolicyType”><dataSourceDefinition><driverClass>com.mysql.jdbc.Driver</driverClass><url>jdbc:mysql://XXX.XXX.com:3306/sampledb</url><user>username</user><password>password</password></dataSourceDefinition></connectionPolicy>::</connectivity><procedure name=“procedure1”/>:( .js ファイル内):var prodecure1Statement =WL.Server.createSQLStatement( “select * from testdb” );function procedure1(param){return WL.Server.invokeSQLStatement({preparedStatement: procedure1Statement,parameters: [param]});}:JDBC の接続先を指定SQL 文を指定して実行JavaScript 関数としては procedure1 を使うことを宣言
  10. 10. © 2013 IBM Corporation10Empowering the IBM ecosystem06/04/13JavaScript でアダプターを呼び出す(アダプターを呼び出す箇所の JavaScript ):var invocationData = {adapter: ‘SampleDb’,procedure: ‘procedure1’,parameters: []};WL.Client.invokeProcedure( invocationData, {onSuccess: p1Success,onFailure: p1Failure,invocationContext: {}} );:(呼び出しが成功した時のハンドラ)function p1Success( result ){:var items =result.invocationResult.rss.channel.item;var n = items.length;for( I = 0; I < n; I ++ ){var item = items[i];:}}アダプターと関数、パラメータを指定成功時、失敗時のハンドラを指定して invoke成功時の処理(非同期)

×