h1 { font-size: 250%; } .Bar{ position: absolute; background: #EBEBEB; width: 110%; height: 19vh; left: -5vw; } .QuickStart{ position: absolute; top: 6vw; left: 5vw; } .RedText{ color: #CF256D; background: #F9F2F4; } img{ display: block; margin: 0 auto; } .d100{ background-color:#bdbdbd; } a{ text-decoration: none; color:#4B8C2A; } a:visited{ text-decoration: none; color:#4B8C2A; } a:hover{ color:#84BD00; } .maxwidth{ max-width:100%; } h2,h3,p,pre,.rellinks { padding-left:12px; padding-right:12px; }

Building Apps with the MetaBot

Building an app using the MetaBot is Toaster Simple™ to do!

Step 1

Create a new control

Open up the MetaBot, click on the "Libraries" tab and add a new library named "mynewlib". Open your new library and add a control named "mynewapp".

Step 2

Edit the control

HTML:

What is your name?
<input type='text' class='mytext'>
<button>submit</button>
<div class='response'></div>

CSS:

.response{
  font-size:xx-large;
}

Javascript:

$('button').click(function(){
  var val = $('.mytext').val();
  send_process(val, function(result){
    var res = result.msg;
    $('.response').text(res);
  });
});

Click on the API tab and create a new command named "process".

Select the "String" return type. Add a String parameter named "name" and set the code to:

return "Hello "+name;

Step 3

Preview your work

Enter some text in the field and click the submit button to make sure your control functions properly.

Step 4

Publish your app

Restart your instance of the Newbound Network. When your App Manager comes up, you'll have a new app on the menu. Congratulations! You just successfully built and deployed an app with the MetaBot on the Newbound Network!