First app: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
(Tutorial for creating, initializing, and deploying your first Volt app)
 
mNo edit summary
Line 1: Line 1:
Volt is designed to require very little code to get started. Currently, there are two ways to create and upload an app:
Volt is designed to require very little code to get started. Currently, there are two ways to create and upload an app:


1. From the "Your Apps" page in the [https://dashboard.voltcloud.io dashboard] click on "+ Add App". Once your App has been created, you can click on the "Upload" button on the "App Information" page. This will prompt you to upload a zip file of your app.
# From the "Your Apps" page in the [https://dashboard.voltcloud.io dashboard] click on "+ Add App". Once your App has been created, you can click on the "Upload" button on the "App Information" page. This will prompt you to upload a zip file of your app.
2. You can upload any app you create in [[Faq#AppStudio_Users|AppStudio]].
# You can upload any app you create in [[Faq#AppStudio_Users|AppStudio]].


We're working to allow apps to be uploaded and deployed using a wide variety of common tools.
We're working to allow apps to be uploaded and deployed using a wide variety of common tools.
Line 30: Line 30:
The highlighted section of this example is the most important. It shows two sets of script tags:
The highlighted section of this example is the most important. It shows two sets of script tags:


1. The first script tag includes the Volt [https://docs.voltcloud.io/client/ client library]. The library will always be available at this location when your app is hosted on the Volt server.
# The first script tag includes the Volt [https://docs.voltcloud.io/client/ client library]. The library will always be available at this location when your app is hosted on the Volt server.
2. The second script tag initializes your app. Every app has an ID, and you must initialize volt with your app ID before you can use the client library to make further Volt calls.
# The second script tag initializes your app. Every app has an ID, and you must initialize volt with your app ID before you can use the client library to make further Volt calls.


== For AppStudio Users ==
== For AppStudio Users ==

Revision as of 20:20, 18 May 2017

Volt is designed to require very little code to get started. Currently, there are two ways to create and upload an app:

  1. From the "Your Apps" page in the dashboard click on "+ Add App". Once your App has been created, you can click on the "Upload" button on the "App Information" page. This will prompt you to upload a zip file of your app.
  2. You can upload any app you create in AppStudio.

We're working to allow apps to be uploaded and deployed using a wide variety of common tools.

Initializing

Once you've created a new app and obtained your app ID from the Dashboard, you can create your first Volt app. The following example shows the simplest functioning app you could create:

  <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Volt Example</volt>
  </head>
  <body>
    <p>It doesn't get much simpler than this!</p>
    <script src="/api/client/volt.min.js"></script>
    <script>
      var appId = 'abc123';
      $volt.init(appId);
    </script>
  </body>
  </html>

The highlighted section of this example is the most important. It shows two sets of script tags:

  1. The first script tag includes the Volt client library. The library will always be available at this location when your app is hosted on the Volt server.
  2. The second script tag initializes your app. Every app has an ID, and you must initialize volt with your app ID before you can use the client library to make further Volt calls.

For AppStudio Users

AppStudio is tightly integrated with Volt, making it easy to upload, run and manage your apps.

Uploading to Volt

On the Run menu, choose "Deploy to Volt". Your app will be uploaded to Volt and the URL to run it will be displayed. The Volt AppId will be placed in your Project Properties.

Managing your App

If you have subscribed to AppStudio and have entered a Volt password, you can use the Volt Dashboard to manage your apps.

You can open the Dashboard at https://dashboard.voltcloud.io/ or from the AppStudio Run menu.

Managing your Volt Account

If you have subscribed to AppStudio on any of the plans (including the free demo), you're entitled to deploy to Volt from the AppStudio Run menu.

To use the Dashboard, you'll need a Volt account. If you have a Starter, Essential or Pro subscription, you're entitled to a free Volt account. Reply to the registration confirmation email by setting up a password and you'll be allowed to use it.

You can also set up a Volt account from the AppStudio Run menu or from Volt Preferences.

Reference