This React app was initialized with create-near-app
To run this project locally:
- Prerequisites: Make sure you've installed Node.js ≥ 12
- Install dependencies:
yarn install
- Run the local development server:
yarn dev
(seepackage.json
for a full list ofscripts
you can run withyarn
)
Now you'll have a local development environment backed by the NEAR TestNet!
Go ahead and play with the app and the code. As you make code changes, the app will automatically reload.
- The "backend" code lives in the
/contract
folder. See the README there for more info. - The frontend code lives in the
/src
folder./src/index.html
is 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/README
for info about how it's tested. The frontend code gets tested with jest. You can run both of these at once withyarn run test
.
Every smart contract in NEAR has its own associated account. When you run yarn dev
, your smart contract gets deployed to the live NEAR TestNet with a throwaway account. When you're ready to make it permanent, 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 install --global 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-name.testnet
, you can deploy your contract to bookstore.your-name.testnet
. Assuming you've already created an account on NEAR Wallet, here's how to create bookstore.your-name.testnet
:
-
Authorize NEAR CLI, following the commands it gives you:
near login
-
Create a subaccount (replace
YOUR-NAME
below with your actual account name):near create-account bookstore.YOUR-NAME.testnet --masterAccount YOUR-NAME.testnet
Modify 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 || 'bookstore.YOUR-NAME.testnet'
near call $CONTRACT setBook '{
"name": "Blockchain Bubble or Revolution",
"author": "Neel Mehta", "description":
"Some experts say that Bitcoin and cryptocurrencies are just a scam; others say they're "the most important invention since the internet."
"image": "https://images-na.ssl-images-amazon.com/images/I/5167oS7ob6L._SX322_BO1,204,203,200*.jpg",
"price" : “4000000000000000000000000”
}' --accountId <accountID>
near view $CONTRACT getBook '{ "id": 1 }' --accountId <accountID>
near view $CONTRACT getBooks --accountId <accountID>
near call $CONTRACT buyBook '{ "bookId: 1, "price", "2000000000000000000000000"}' --accountId <accountID> --deposit 2
One command:
yarn deploy
As you can see in package.json
, this does two things:
- builds & deploys smart contract to NEAR TestNet
- builds & deploys frontend code to GitHub using gh-pages. This will only work if the project already has a repository set up on GitHub. Feel free to modify the
deploy
script inpackage.json
to deploy elsewhere.
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.