Noodl 응용 프로그램에 매개 변수 커밋

7013 단어 NoodlNoodl2.0
개요
Noodl 응용 프로그램을 시작할 때 매개 변수를 커밋하는 방법을 설명합니다.
매개변수를 사용하여 다양한 초기 값으로 Noodl 적용을 시작할 수 있습니다.
예를 들어 날씨 앱을 만들 때 소재지를 초기값으로 상대방에게 건네준다.응용 프로그램의 정보를 다언어화할 수 있다.
샘플 응용 프로그램
간단한 샘플로 URL의 매개 변수를 바꾸어 응용된 정보와 글꼴 크기를 바꾸는 프레젠테이션을 제작한다.

노드 설정/연결
우리 곧 시작합시다.먼저 Noodl을 시작하고 "CreateNew Project"를 통해 프로젝트를 시작합니다.
시작 후 노드에 Javascript 노드와 Application Events 노드가 추가되었습니다.
노드 역할
4
  • Javascript 노드: URL에서 매개변수를 가져오는 프로그램을 설명합니다.
    4
  • Application Events 노드: Javascript에 Noodl 애플리케이션이 시작되었음을 알립니다.

    Javascript 노드 설정
    다음에 다음 코드를 자바스크립트 노드로 복사합니다.
    코드는 URL의 취득입니다.문자열 분리.그룹 가져오기.진행 중입니다.
    Javascript 노드
    define({
        // The input ports of the Javascript node, name of input and type
        inputs:{
            // ExampleInput:'number',
            // Available types are 'number', 'string', 'boolean', 'color' and 'signal',
            mySignal:'signal',
        },
    
        // The output ports of the Javascript node, name of output and type
        outputs:{
            // ExampleOutput:'string',
            text:'string',
            size:'number'
        },
    
        // All signal inputs need their own function with the corresponding name that
        // will be run when a signal is received on the input.
        mySignal:function(inputs,outputs) {
            var url   = location.href
            parameters    = url.split("?")
            params   = parameters[1].split("&")
            var paramsArray = []
            for ( it = 0; it < params.length; it++ ) {
                neet = params[it].split("=")
                paramsArray.push(neet[0])
                paramsArray[neet[0]] = neet[1]
            }
            outputs.text = paramsArray["text"]
            outputs.size = paramsArray["size"]
            // ...
        },
    
        // This function will be called when any of the inputs have changed
        change:function(inputs,outputs) {
            // ...
        }
    })
    
    노드 연결
    마지막으로 각 노드를 연결한다.
    - ApplicationEvents:start -> Javascript:mySignal응용 프로그램 시작 시 Javascript를 실행하는 mySignal
    - Javascript:text/size -> Text:text/size매개 변수로 수신된 text,size를 Text 노드에 연결해서 메시지를 변경합니다.문자 크기 변경

    확인
    이렇게 하면 완성된다.실제 URL을 클릭하여 Noodl의 간단한 웹 서버에서 동작을 확인합니다.
    브라우저를 시작하고 다음 URL을 입력합니다.
    URL의 매개변수 전송
    http://Noodlアドレス?引数1=値1&引数2=値2
    
    URL 확인
    
    //引数を渡さないで起動する場合
    http://localhost:8574/external/viewer/index.html
    
    //引数を渡して起動する場合
    http://localhost:8574/external/viewer/index.html?text=GoodBye&size=100
    
    총결산
    서버의 Noodl 애플리케이션은 누가 열어도 동일한 초기 값을 가집니다.
    URL에서 매개변수를 전송하여 초기 값을 설정하는 데 성공했습니다.
  • 좋은 웹페이지 즐겨찾기