Getting Started

This article walks you through the very basics of Scrypto full-stack development using the Babylon PTE APIs and tools.

If you’re not a developer and want to play with a DApp created by the community, all you need is to Install PTE Browser Extension and visit the DApp website.

Prerequisites

Before getting started, you need to install the following software:

  1. Scrypto toolchain v0.4.0, https://github.com/radixdlt/radixdlt-scrypto

  2. Node.js v16.14.2, https://nodejs.org/en/

Other versions may also work, but not tested.

Install PTE Browser Extension

  1. Download the extension binary from the asset list of the latest release.

  2. Unzip the extension binary to some folder of your choice.

  3. Open Chrome and enter URL chrome://extensions/.

  4. Toggle on "Developer mode" in the top right corner of the page.

  5. Click the "Load Unpacked" button and pick the extension folder from where you unzipped the extension binary.

  6. Pin the "PTE Browser Extension" as shown below.

pte extension 1

Once you’ve done with the above setup, click the PTE browser extension icon and start exploring the functionalities provided by the extension.

You may notice that you don’t have to sign a transaction if it does not call any authenticated methods or functions. This would not be true once transaction fee is included in Babylon. The suggested way is to always sign a transaction before submitting it; otherwise, it may get rejected by the network.

Start a New Project

The quickest way to start a new project is to make a copy of one of the examples provided by radixdlt/babylon-pte.

git clone https://github.com/radixdlt/babylon-pte
cd babylon-pte
cd examples/gumball-machine

The examples were created with the Snowpack frontend build tools and has the following file structure:

  • src/ - Contains the Typescript source code

  • scrypto/ - Contains the Scrypto blueprint source code

  • public/ - Contains the public static files, such as HTML, CSS, images and other web assets

  • package.json - The npm configuration file

  • snowpack.confg.mjs - The Snowpack configuration file

You may also find other Snowpack templates here. With such a template, you will have to manually install PTE SDKs:

npm install pte-sdk
npm install pte-browser-extension-sdk

Run Your DApp

To run the Gumball Machine example or your own DApp, use the following command:

npm install && npm run start

It will open your default browser and navigate to the DApp’s page.

If not, try visit http://127.0.0.1:8080.