Vue.js and JS API integration example for Binance exchange with WebSocket stream.
- Connecting and settings TradingView with JS API and UDF adapter - Medium.com
- Financial charts for your application - Medium.com
The Charting Library is free, but its code is in the private repository on GitHub. Make sure that you have access to this repository: https://github.com/tradingview/charting_library/.
If you see 404 error page, then you need to request access to this repository at https://tradingview.com/HTML5-stock-forex-bitcoin-charting-library/?feature=technical-analysis-charts and click on the Get Library
button.
Client-side
- Vuejs 2.x
- @vue/cli-service (Webpack 4, SASS/SCSS)
Server-side
- Fastifyjs
- fastify-http-proxy
Install dependences for client and server side.
$ cd client && npm install
$ cd server && npm install
Copy charting_library
folder from https://github.com/tradingview/charting_library/ to /public
folder. The earliest supported version of the Charting Library is 1.15. If you get 404 then you need to request an access to this repository.
// client\package.json
$ cd client && npm run serve // run
$ cd client && npm run build
// server\package.json
$ cd server && npm run start // run
$ cd server && npm run build
Charting Library is a standalone solution for displaying charts. This free, downloadable library is hosted on your servers and is connected to your data feed to be used in your website or app. Learn more and download.
Vue is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects.
Axios - a module that allows you to make REST requests. Its build does not allow the use of proxy on client-side, only on the nodejs server. Our binance-api module uses a wrapper to solve this problem.