D3js 응용 프로그램 용 Windows 8 및 Android Tablet 용 웹 응용 프로그램을 만드는 방법

Question

D3 시각화 라이브러리를 사용하여 잘 작동하는 부트 스트랩이있는 파일 시스템을 시각화하는 javascript/html/css 웹 "응용 프로그램"이 있습니다. 데스크톱/노트북에서.

이제이 애플리케이션을 태블릿으로 이동해야하며 Windows 8과 Android를 모두 지원해야합니다. 그러나 나는 이것을하는 가장 좋은 방법에 대해 혼란 스럽다.

D3은 자바 스크립트 기반이므로 지원되는 운영체제마다 기본 앱을 만들 수 없습니다. 코드를 각 SDK를 통해 모바일 웹 응용 프로그램으로 변환하거나 Phonegap (또는 대안)과 같은 다른 접근 방식을 사용하여이 작업을 수행해야합니까?

SDK를 사용하는 경우 변경 사항을 업데이트하기 위해 별도의 코드 버전을 처리해야하지만 Phonegap이 내가 찾고있는 코드인지 여부는 확실하지 않습니다. Windows 8 및 Android 만 지원하면됩니다. 더 쉬운 방법이 있습니까?

마지막으로 Phonegap을 사용하여 앱을 만들면 클라우드에있는 데이터베이스에 액세스 할 수 있습니까? 그렇지 않습니다.

Answer 1

Phonegap이 필요하지 않습니다. 전체 화면을 채우는 WebView 만 보유하는 기본 응용 프로그램을 작성할 수 있습니다. WebView는 "웹 응용 프로그램"을 호스팅합니다. 그런 다음 (그리고 재미있는 부분이 있습니다.) 네이티브 객체에 액세스하기 위해 인터페이스를 작성합니다.

Android에서는 @JavascriptInterface으로 주석이 달린 공용 메소드가있는 클래스로 자바 스크립트 인터페이스를 작성합니다. (

이

webView.addJavascriptInterface(new MyJsInterface(), "MyInterface"); 

자바 스크립트에서 위의 메서드의 두 번째 매개 변수로 제공되는 이름을 사용하여 인터페이스의 메소드에 액세스 할 수 있습니다 MyInterface을 :

class MyJsInterface{ 
    @JavascriptInterface 
    public String doStuff() { return "hello" ; } 
} 

당신은 addJavascriptInterface 방법을 사용하여 웹뷰에 자바 스크립트 인터페이스를 등록 이 경우) :

var message = window.MyInterface.doStuff(); 
// message is 'hello' 

문자열 (JSON)을 반환하는 메소드는 javascript와 잘 작동합니다.
Android WebView and javascript interfaces에 대해 자세히 알아보십시오.

창문이

는 사용 유사한 기능을 달성 할 수

• 자바 스크립트
• 에 C 번호로부터 알림 방법에 데이터를 전달할 수 있도록하는 웹보기 (또는 브라우저 제어)의 InvokeScript 방법 (window.external.notify) 자바 스크립트에서 C#으로 데이터를 보내고 컨트롤에 ScriptNotify 이벤트를 발생시킬 수 있습니다.

멋진 기사 : Windows Phone 8 native and Javascript interop
MSDN 링크 : WebBrowser.ScriptNotify Event

당신의 webviews에서 JavaScript를 활성화하는 것을 잊지 마십시오.