This React app was initialized with create-near-app
- The "backend" code lives in the
/contractfolder. See the README there for more info. - The frontend code lives in the
/srcfolder./src/index.htmlis a great place to start exploring. Note that it loads in/src/index.js, where you can learn how the frontend connects to the NEAR blockchain. - Tests: there are different kinds of tests for the frontend and the smart
contract. See
contract/READMEfor info about how it's tested. The frontend code gets tested with jest. You can run both of these at once withyarn run test.
- Prerequisites: Make sure you've installed Node.js ≥ 12
- Install dependencies:
yarn install
Every smart contract in NEAR has its own associated account. When you're ready to deploy your smart contract permanent on the NEAR TestNet, here's how.
near-cli is a command line interface (CLI) for interacting with the NEAR blockchain. It was installed to the local node_modules folder when you ran yarn install, but for best ergonomics you may want to install it globally:
yarn global add near-cli
Or, if you'd rather use the locally-installed version, you can prefix all near commands with npx
Ensure that it's installed with near --version (or npx near --version)
Each account on NEAR can have at most one contract deployed to it. If you've already created an account such as YOUR-ACCOUNT-NAME.testnet, you can deploy your contract to vi-storage.YOUR-ACCOUNT-NAME.testnet. Assuming you've already created an account on NEAR Wallet, here's how to create vi-storage.your-name.testnet:
-
Authorize NEAR CLI, following the commands it gives you:
near login
-
Create a subaccount (replace
YOUR-ACCOUNT-NAMEbelow with your actual account name):near create-account vi-storage.YOUR-ACCOUNT-NAME.testnet --masterAccount YOUR-ACCOUNT-NAME.testnet
Add CONTRACT_NAME to the .env file at the root folder.
CONTRACT_NAME=vi-storage.YOUR-ACCOUNT-NAME.testnetModify the line in src/config.js that sets the account name of the contract. Set it to the account id you used above.
const CONTRACT_NAME = process.env.CONTRACT_NAME || 'vi-storage.YOUR-ACCOUNT-NAME.testnet'
One command:
yarn dev
As you can see in package.json, this does two things:
prestart script: builds & deploys smart contract to NEAR TestNet.- Using CONTRACT_NAME variable in .env to run DApp authorization on the localhost.
On Windows, if you're seeing an error containing EPERM it may be related to spaces in your path. Please see this issue for more details.