preface
Because of my previous work, I studied first Vue.js But always right React.js They are very interested, especially react native. They want to learn how to develop cross platform solutions. Moreover, the company is gradually using RN to develop with native app, but it’s not very urgent, so it’s still going to learn first React.js 。
The interface is mainly developed with reference to the interface of QQ music. The data source also uses the API of QQ music, and most of the interfaces are through theJSONPTo visit, among themGet song list detailsandGet song lyricsThe two interfaces need to be implemented through back-end proxy forwarding, which is used hereNodeA simple development is carried out.
Source code
Talk is cheap. Show me the code.
Online access
- Direct accesshttp://music.tdon.site (when accessing PC, please turn on debugging and use mobile mode for better effect)
- Mobile phone code scanning direct access
Technology stack
React.js + React-Router + Redux + ES6 + Webpack
Running projects
git clone https://github.com/XNAL/listen-music.git
cd listen-music
npm install
node proxyServer.js //(get song list and lyrics, and use node to forward them)
npm start
//Visit http://localhost :3000
