Testing

Preview your Application

Let's preview our application within Alpha Anywhere using Working Preview to verify that it works. Working Preview simulates a browser, letting you test your application in the development environment without needing to publish it to a server.

  1. Click "Working Preview". Working Preview

    images/preview1.png
  2. You will see the button. It will appear as teal text against a white background.

    images/preview2.png
  3. Click the button to display the "Hello, world!" message.

    images/preview3.png

Run your app on a Mobile Device

Now that we've tested our application, let's try it out on a mobile device.

  1. Return to the Design tab.

    images/remoteTest1.png
  2. Click "Remote Test". Remote Test let's you test your app on other devices without needing to publish your application to a server.

    images/remoteTest2.png
  3. Start the development server when prompted. Select "Yes" and click "OK".

    images/remoteTest3.png
  4. Click "Remote Test" again and select "Full Preview".

    images/remoteTest4.png
  5. Select "QR Code" and click "OK".

    images/remoteTest5.png
  6. Scan the QR Code with your mobile device. Your computer and mobile device must be on the same wifi network.

    images/remoteTest6.png
  7. Open the link in a browser on your device.

    images/remoteTest7.png
  8. Tap the "Hello" button to display the message.

    images/remoteTest8.png

Congratulations! Now that you understand the basics of creating a workspace, adding a component, and adding controls and events to create an app, you're ready to start building applications in Alpha Anywhere.

We recommend taking the Alpha 304: Community Edition Introduction next. Click the button below to enroll in the free course.