Mimul's Developer World - RIA category

JSON-RPC-Java를 활용해 Javascript에서 Ajax 사용 예제

Sat, 07 Nov 2009 04:01:00 GMT

1. 실행 환경 준비

- 웹 프로젝트 생성

- json-rpc 라이브러리 lib에 카피: 실제 사이트는 여기인데 사이트가 종종 불통일 경우가 있어 여기서 다운 받으세요.
- 라이브러리 파일명 : jsonrpc-1.0.jar
- web.xml에 추가

<servlet>
  <servlet-name>com.metaparadigm.jsonrpc.JSONRPCServlet</servlet-name>
  <servlet-class>com.metaparadigm.jsonrpc.JSONRPCServlet</servlet-class>
</servlet>
<servlet-mapping>
  <servlet-name>com.metaparadigm.jsonrpc.JSONRPCServlet</servlet-name>
  <url-pattern>/JSON-RPC</url-pattern>
</servlet-mapping>

2. 실행할 Remote Object 샘플

package com.mimul.jsonrpc;

public class ComputeObject 
{
	public Integer sum(Integer a, Integer b) {
		return a + b;
	}
	
	public Integer multiply(Integer a, Integer b) {
		return a * b;
	}
}

3. JavaScript에서 RCP기능 추가된 샘플
- jsonrpc.js 추가

<script src="js/jsonrpc.js" type="text/javascript"></script>

- JSONRPCBridge 추가

<jsp:useBean id="JSONRPCBridge" scope="session"
	   class="com.metaparadigm.jsonrpc.JSONRPCBridge" />

- 2번의 실행 객체 등록

ComputeObject computeObject = new ComputeObject();	
JSONRPCBridge.registerObject("ComputeObject", computeObject);

- 전체 샘플 소스

<%@page import="com.mimul.jsonrpc.ComputeObject"%>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>JSON-RPC-Java Demo</title>
	<script type="text/javascript" src="js/jsonrpc.js"></script>
	<script type="text/javascript">
	function fnSum(form) {
		 try {
			jsonrpc = new JSONRpcClient("JSON-RPC");
	        result = jsonrpc.ComputeObject.sum(form.left.value,
 form.right.value);
        	document.getElementById("spanResult").innerHTML = "";
        	document.getElementById("spanResult").innerHTML = result;
	    } catch(e) {
			document.getElementById("spanResult").innerHTML = 
			   "System/Number Type Error~";
	    }
	}
	</script>
</head>
<body>
	<jsp:useBean id="JSONRPCBridge" scope="session"
	   class="com.metaparadigm.jsonrpc.JSONRPCBridge" />

<% 
	ComputeObject computeObject = new ComputeObject();	
	JSONRPCBridge.registerObject("ComputeObject", computeObject); 
%>
	<p>JSON-RPC-JAVA Demo</p> 
	<p>
	<form>
		<input type="text" name="left"/>
		<input type="text" name="right"/>
		<input type="button" onclick="fnSum(this.form)" value="SUM"/>
	</form>
	</p>
	<p><strong>Result:</strong></p>
	<p><span id="spanResult"></span></p>
</body>
</html>

4. 실행 결과

5. 데모 사이트
- http://mimul.com/examples/json.jsp

Flex 개발자를 위한 Plugin Flex Formatter

Fri, 10 Apr 2009 09:10:00 GMT

1. Jar 파일 다운로드
- FlexPrettyPrintCommand_0.6.17.jar

2. Eclipse 플러그인 방법
- C:\Program Files\Adobe\Flex Builder 3 Plug-in\eclipse\plugins에 FlexPrettyPrintCommand_0.6.17.jar 카피
- Eclipse 구동 시 eclipse -clean 문자열 추가

3. 플러그인 화면

그리고 포멧을 적용하는 시점은 저장하면 자동 적용된다.

AES 암/복호 Flex 기능 구현

Sat, 21 Feb 2009 10:32:00 GMT

아래는 as3crypto 라이브러리를 가지고 AES 암복호 기능을 구현한 Actionscript 소스입니다. 필요하신분 참조하세요.

1. 참고 라이브러리
- as3crypto(http://code.google.com/p/as3crypto/)

2. AES 암/복호 구현 소스
- as3crypto를 가지고 AES 암/복호 기능 구현(AESCipher.as)

package com.mimul.crypt
{
	public class AESCipher 
	{
	import com.hurlant.crypto.symmetric.AESKey;
	import com.hurlant.util.Base64;
	import com.hurlant.util.Hex;
	import com.hurlant.crypto.symmetric.ICipher;
	import com.hurlant.crypto.symmetric.IPad;
	import com.hurlant.crypto.symmetric.PKCS5;
	import com.hurlant.crypto.Crypto;
	import com.hurlant.crypto.symmetric.IVMode;
		
	import flash.utils.ByteArray;

	private var keyData:ByteArray = null;
	private var ivData:ByteArray = null;
	private var mode:ICipher = null;
	private var pad:IPad = null;
	private var encResult:ByteArray = null;
	private var decResult:ByteArray = null;
	private var ivmode:IVMode = null;
		       
        public function AESCipher(key:String, iv:String)
        {
            this.pad = new PKCS5();
            this.keyData = Hex.toArray(key);
            if (iv != null)
		this.ivData = Hex.toArray(iv);
	    this.mode = Crypto.getCipher("aes-cbc", this.keyData, pad);
        }
        
	public function encrypt(rawData:String):String {
		if (rawData == null)
			return null;
		var data:ByteArray = null;
		data = Hex.toArray(Hex.fromString(rawData));
		pad.setBlockSize(mode.getBlockSize());
		mode.encrypt(data);
		encResult = data;
		if (mode is IVMode) {
		    ivmode = mode as IVMode;
		    this.ivData = ivmode.IV;
		}
		return Base64.encodeByteArray(encResult);
	}
		
	public function decrypt(encData:String):String {
		if (encData == null)
			return null;
		var data:ByteArray = null;
		data = Base64.decodeToByteArray(encData);
		pad.setBlockSize(mode.getBlockSize());
		if (ivmode == null)
			ivmode = mode as IVMode;
		ivmode.IV = ivData;
		mode.decrypt(data);
		decResult = data;
		return Hex.toString(Hex.fromArray(decResult));
	}
		
	public function getIvData():ByteArray 
	{
		return this.ivData ;
	}
        }
}

3. 데모 사이트
- http://mimul.com/examples/flex/AESTest.html

Flex 개발에 도움이 될만한 사이트

Sun, 08 Feb 2009 14:35:00 GMT

1. AnimatedGIfLoader Flex Component - 플렉스 AP에서 움직이는 gif 로딩 해줌
http://dougmccune.com/blog/animatedgifloader-flex-component/

2. Asdia - flash 내에 다어이그램이나 플로우 차트, UML을 쉽게 통합해 줌
http://code.google.com/p/asdia/

3. as3flexunitlib - unit testing(ActionScript 3.0 framework)
http://code.google.com/p/as3flexunitlib/

AsWing A3 - flash application(or RIA) UI를 쉽게 만들어 줌
http://www.aswing.org/

4. Cairngorm
http://labs.adobe.com/wiki/index.php/Cairngorm

5. DisplayShelf Component - 3D
http://www.quietlyscheming.com/blog/components/tutorial-displayshelf-component/

6. flex2treemap - Treemap Component
http://code.google.com/p/flex2treemap/

7. flex4filemaker - Flex4FileMaker(Flex 2)
http://code.google.com/p/flex4filemaker/

8. FlexBook - Flex flip book component
http://www.quietlyscheming.com/blog/components/flexbook/

9. flexbox
http://flexbox.mrinalwadhwa.com/

10. flexcalendar - Flex Calendar Components
http://code.google.com/p/flexcalendar/

11. flexedtoolkit - Flexed Toolkit
http://code.google.com/p/flexedtoolkit/

12. FlexLib - 유저 인터페이스 콤포넌트
http://code.google.com/p/flexlib/

13. flexservicelocator - 웹 서비스 이용을 위한 ServiceLocator
http://code.google.com/p/flexservicelocator/

14. flextube - youtube 관련 콤포넌트
http://code.google.com/p/flextube/

15. Flex 2 Basic Email Form - HTTP Service를 사용해서 이메일 발송
http://augiemarcello.com/flex-2-basic-email-form/

16. Flex 2 Debug Component
http://www.mikenimer.com/index.cfm/2006/7/5/FlexDebugPanel

17. Flex 2 Primitive Explorer
http://www.3gcomm.fr/Flex/PrimitiveExplorer/Flex2PrimitiveExplorer.html

18. Flex Developers Journal
http://flex.sys-con.com/

19. Free Visual Reflection Component for Flex 2
http://blog.benstucki.net/?id=20

20. Granite Data Services
http://www.graniteds.org/confluence/pages/viewpage.action?pageId=229378

21. JAM - ActionScript and MXML
http://www.onflex.org/code/

22. Live reflection component
http://www.rictus.com/muchado/2006/07/05/live-reflection-component/

23. osflash-xray -AS2/AS3/Flex1.5/Flex2 디버거
http://code.google.com/p/osflash-xray/

24. SpringGraph
http://mark-shepherd.com/blog/springgraph-flex-component/

25. The ServeBox Foundry
http://sourceforge.net/projects/sbasfoundry

26. ZoomFrame
http://www.zeuslabs.us/2007/08/14/open-source-flex-component-zoomframe/

Flex로 YouTube 동영상 다운로드 사이트 구축하기

Sun, 11 Jan 2009 11:59:00 GMT

1. YouTube URL 정의
- Youtube.com URL 파싱 의미(예 : http://www.youtube.com/watch?v=b72CvvMuD6Q)
. 다운 로드 URL : http://youtube.com/get_video.php
. video_id 파라미터: b72CvvMuD6Q
. t 파라미터 : OEgsToPDskLu3npbPdSdnxJrzwwXQEI_
- 위 URL을 조합하여 다운로드할 URL을 만듬

2. 간략한 소스

 // videoID 파싱 함수
 private function getVideoId(url:String):String
 {
  var reg :RegExp = /youtube\.com\/watch\?v=([^&\/]+)/;
  var res :Object = reg.exec(url);
 
  return res[1];
 }
 
 // 비디오 정보 조회
 var youtube :HTTPService = new HTTPService();
 youtube.cancel();
 videoID = getVideoId(siteUrl.text);
 youtube.url = "http://youtube.com/get_video_info.php?video_id=" 
    + videoID;
 youtube.resultFormat = 'object';
  
 phiBusy.showBusy();
 youtube.requestTimeout = 10;
 youtube.addEventListener(ResultEvent.RESULT, onVideoInfoComplete);
 youtube.send();   
  // 다운로드 함수
 private function downloadVideo(token:String):void
 {
  navigateToURL(new URLRequest("http://youtube.com/get_video.php?video_id="
     + videoID +"&t="+ token));
 }

3. 데모 사이트

http://mimul.com/examples/ria/flex/youtube/DownloadYouTube.html
방화벽때문에 예제 실행이 안되네요 여기서 압축파일 받아서 PC에서 실행하세요.