English | 简体中文
Microscope v2(Microscope provides an easy-to-use user interface to inspect CITA)
Microscope is a blockchain explorer built with React for inspecting CITA. It supports searching block, transaction, account and invoking call method of smart contract. It also can work with ReBirth to display a list of blocks and transactions on specified conditions, or even analyzes CITA‘s working status.
-
Chain Meta Info、RealTime Block and Transaction Info、Advance Search、Switch Network
-
Block List、Block Detail、ReBirth Advance Query
-
Transaction List、Transaction Detail、ReBirth Advance Query
-
Address Account Blance、Transactions under the Address
-
Contract Online Query and Call
-
Static Chart
-
Mobile Access
-
Simplify Development/Debug Environment
-
Add RPC API/ ReBirth API List(edit sending-request and check response)
-
Optimize real-time Block/Transaction Polling; Fixed Page Crash
-
Fix/Optimize Advanced Search Function
-
Optimize Block/Transaction List Pagination
-
Add ERC20 Transactions Query
-
Internationalization files from relying on online services to switch to local JSON files
-
Prerequisite
node ^8.10.0 || ^10.13.0 || >=11.10.1
yarn >=1.13.0
-
clone the repo
git clone https://github.com/citahub/microscope-v2/
- Install Dependencies
yarn install
-
modify config in "src/utils/config.ts"
const api: API = { serverList: [ { name: 'Re-Birth Server', url: 'https://rebirth.citahub.com' }, { name: 'CITA Node Server', url: 'https://testnet.citahub.com' } ], jsonRpc: '/', url: '/api/info/url', status: '/api/status', statistics: '/api/statistics', blockList: '/api/blocks', blockListV2: '/api/v2/blocks', transactionList: '/api/transactions', ercTransactionList: '/api/erc20/transfers' } const config: Config = { api: api, apiTimeout: 15000, apiTimeoutMsg: 'api timeout,try it later', apiErrorMsg: 'network error!', icpRecordName: '', icpRecordUrl: '' }
-
Develop Environment
yarn start
- Production Environment
yarn build // the output directory could be copied to nginx webServer
-
Fork the microscope-v2, On https://github.com/citahub/microscope-v2, click Fork.
-
Once forking completes, click Settings and enable Github pages.
-
Verify that it works by visiting https://YOUR_GITHUB_USERNAME.github.io/microscope-v2/ i.e. if your github name is citahub then replace YOUR_GITHUB_USERNAME with citahub.
- docker build -t microscope . build docker image
- docker run --name microscope -d -p 80:80 microscope run microscope on port 80
-
/public --------------------- html/font/images assets
-
/src/index.tsx -------------- entrance
-
/src/layouts/app.tsx -------- App root, Page layout,global modal,loading,toast etc
-
/src/routes ---------------- route of all pages
-
/src/locale ---------------- i18 JSON files
-
/src/layout/ --------------- Page
-
/src/layouts/home/ ---------- Home page
-
/src/layouts/block/ --------- Block List、Block Detail
-
/src/layouts/transaction/ --- Transaction List、Transaction Detail
-
/src/layouts/address/ ------- Address detail
-
/src/layouts/static/ -------- Static Page
-
/src/layouts/api/ ----------- API list and API call simulation
-
/src/layouts/error/ --------- 404 Error Page
-
/src/layouts/search/ -------- Search Failed Page
-
/src/layouts/common --------- Transaction Table、Transaction Search Modal、Block Search Modal
-
/src/components/ ------------ Basic Components,header/content/footer/loading/tab/toast/modal
-
/src/components/redux ------- redux reduce/action/state
-
/src/utils/ ----------------- utils
-
/src/utils/dataAPI ---------- all data API,currently mainly dependent on ReBirthAPI file
-
/src/utils/rebirthAPI ------- package ReBirth interaction and citaSDK direct rpc interaction