{"id":2039,"date":"2020-12-28T05:59:25","date_gmt":"2020-12-28T05:59:25","guid":{"rendered":"http:\/\/org.saito.tech\/?page_id=2039"},"modified":"2020-12-30T19:54:34","modified_gmt":"2020-12-30T19:54:34","slug":"tutorial-1-deploy-a-new-application","status":"publish","type":"page","link":"https:\/\/org.saito.tech\/tutorial-1-deploy-a-new-application\/","title":{"rendered":"Tutorial 1 – Deploy and Install a Saito Application"},"content":{"rendered":"\n

Start by downloading this ZIP file<\/a>, which contains a very simple application. You can find an annotated copy of the source code online, and may want to take a quick look. For now let’s move on to uploading and installing it.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Visit your Saito Wallet<\/a> and click on “AppStore” in the application sidebar. We want to upload our new application, so drag that zipfile onto the drag-and-drop upload panel. This transfers the file into your browser and wraps it in a Saito transaction. A submit button will appear when this process is done. Click it.<\/p>\n\n\n\n

Congratulations! You’ve just published your application. Technically, you’ve just sent that transaction (containing your app) out into the network along with metadata requesting that the AppStores on the network index and host your application. You’ll be shown a short message that tells you this. Skip it and go back to your Inbox.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Surprise! If your browser sent the transaction properly, you’ll have received an email confirming your submission. Open this email and you’ll find your unique APP-ID along with a link you can click on to install the application. Anyone can use that link or your APP-ID to find your application. If you ever need to search manually, go back to the AppStore, click to launch the Saito Appstore and search for your APP-ID manually (note: if your application is not found right away, wait a minute until it is finished indexing). You should see this:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Click to view your app details and then click INSTALL. Upgrading your browser takes about 45 seconds. Watch the countdown and wait for your installation to complete. You’ll be asked to confirm you want to upgrade your client before the process is over. Click “CONFIRM” and your browser will reload and take you back to your Saito Wallet<\/a>. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Look at the sidebar and you’ll see the application you just installed. Click on it and click on the button. Looks like this application creates a simple HTML interface and sends a transaction (with data) onto the network s, and then take a look at the annotated source code<\/a> to see how easy it was to build.<\/p>\n\n\n\n

In our next tutorial we’ll create an application that can receive transactions in addition to sending them. Before we get to that, there’s something important you may have realized: the Saito AppStore is an application like any other application. Although our tutorial series starts with small applications, there’s no limit to the complexity of the applications that you want to build.<\/p>\n\n\n\n

TODO: hack-up the javascript file to change the name of the application and the functionality of the button. Instead of broadcasting a transaction, how about displaying a TEXTAREA and signing the message the user provides with the privatekey in our wallet?<\/p>\n","protected":false},"excerpt":{"rendered":"

Start by downloading this ZIP file, which contains a very simple application. You can find an annotated copy of the source code online, and may want to take a quick look. For now let’s move on to uploading and installing…<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"_links":{"self":[{"href":"https:\/\/org.saito.tech\/wp-json\/wp\/v2\/pages\/2039"}],"collection":[{"href":"https:\/\/org.saito.tech\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/org.saito.tech\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/org.saito.tech\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/org.saito.tech\/wp-json\/wp\/v2\/comments?post=2039"}],"version-history":[{"count":4,"href":"https:\/\/org.saito.tech\/wp-json\/wp\/v2\/pages\/2039\/revisions"}],"predecessor-version":[{"id":2058,"href":"https:\/\/org.saito.tech\/wp-json\/wp\/v2\/pages\/2039\/revisions\/2058"}],"wp:attachment":[{"href":"https:\/\/org.saito.tech\/wp-json\/wp\/v2\/media?parent=2039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}