Noodl 응용 프로그램에 매개 변수 커밋
Noodl 응용 프로그램을 시작할 때 매개 변수를 커밋하는 방법을 설명합니다.
매개변수를 사용하여 다양한 초기 값으로 Noodl 적용을 시작할 수 있습니다.
예를 들어 날씨 앱을 만들 때 소재지를 초기값으로 상대방에게 건네준다.응용 프로그램의 정보를 다언어화할 수 있다.
샘플 응용 프로그램
간단한 샘플로 URL의 매개 변수를 바꾸어 응용된 정보와 글꼴 크기를 바꾸는 프레젠테이션을 제작한다.
노드 설정/연결
우리 곧 시작합시다.먼저 Noodl을 시작하고 "CreateNew Project"를 통해 프로젝트를 시작합니다.
시작 후 노드에 Javascript 노드와 Application Events 노드가 추가되었습니다.
노드 역할
4
4
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에서 매개변수를 전송하여 초기 값을 설정하는 데 성공했습니다.
Reference
이 문제에 관하여(Noodl 응용 프로그램에 매개 변수 커밋), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/macole/items/539db0762acd6f7f0c85텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)