Deploy Hello World on Testnet

NOTE: this section is currently under development. There's currently no DevPortal URL. When the link becomes available, we'll remove this notice when it's ready to be deployed
In this section of the tutorial, we'll use the dev portal to deploy the Hello World boilerplate to the TEA testnet. The goal is to see the Hello [developer's name] TApp in the browser after launching such a TApp from the TAppStore.
Prerequisites
Besides the prereqs stated earlier, this tutorial involves uploading to IPFS and will require installing the IPFS command line tool. For those running MacOS it's also available through Homebrew:
brew install ipfs
You'll also need some TEA funds in your wallet to use the Developer Portal. You can request funds by sending us a message in our Telegram group.
Clone the tutorial master branch
Run git clone https://github.com/tearust/tutorial-v1.git to clone code to local. Recall that there are two folders in the root of the tutorial-v1 code repo:
sample-actor (the back end lambda function).
sample-front-end (the front end code).
If you'd like to check in any of your modified code to your own git repo, please rename the project to avoid any conflicts.
Setup TApp
Login to the Devportal with Metamask: (link will be updated here when ready)
You can see your account balance after login.
Go to the TApps page in the Devportal. Here you'll create a new TApp and save the token_id:
​
​
We will add this token_id minus the leading 0x to ~/sample-actor/impl/manifest.yaml at line 3. You should also change the actor name from sample-actor to a unique name.
image
Build and upload actor to IPFS
You can build your actor using the same commands we used in the previous step: cd sample-actor and run ./build.sh to build the actor.
To upload the actor to IPFS, run ./ipfs.sh from the same directory which executes the following script:
image
Save the CID returned from the script to use in the next step.
image
Update TApp metadata in the Devportal
Go back to the Devportal and click the cog icon next to your TApp listing in the Developer tab.
image
Enter in the information as instructed in the following image to update your TApp's metadata:
image
If you get a spend_over_allowance error:
Screenshot 2023-04-18 at 12 18 17 PM
Then you'll need to increase the spending limit for the Developer Portal in the Nitro TAppStore:
Screenshot 2023-04-18 at 12 20 53 PM
Here you can set the spending limit up to the amount you have in your TEA wallet:
Screenshot 2023-04-18 at 12 29 24 PM (2)
Build and upload front-end
Build the front-end code (jacky_test/sample-front-end/) and upload to IPFS using ~/sample-front-end/ipfs.sh.
Upon succesful completion you'll save the CID of the front-end to use in the next section (the CID is on the last line ending with dist).
image
Update the front-end CID in Devportal
Edit your TApp and enter in the CID for the front-end:
image
Visit front-end code in ipfs using the URL format http://54.180.82.194:8080/ipfs/[CID]/#/welcome
In our current example it would be http://54.180.82.194:8080/ipfs/QmdGoyx5JLinEPM8ZiMNaXkVjbqmg2rWygvxPBWPNKou4A/#/welcome
Note that the actor will be loaded after the first request. If you see an error "you need to try later", that means the node is loading the actor and will be available when you try later after it's been loaded.
Activate the TApp in the Devportal
Activating the TApp will make it available on the TEA network. To activate your TApp, press the start button next to it in the Devportal:
image
Once it's active, other users can launch the TApp through the TAppstore.
image

025_understand_request_and_response

Add Login Feature

Last modified 19d ago