Retrieve data from Last.fm API by utilizing both Node.js and Angular framework

Question

Retrieve data from Last.fm API by utilizing both Node.js and Angular framework

I am currently working on implementing the node-lastfmapi track.search method into my project. I have successfully retrieved the results, but I am facing challenges in integrating them into the front end using Angular. My backend is powered by mongoDB and I have defined a schema to store the selected search result that the user wishes to save. However, before saving the result, the user must view the search results. How can I effectively display these results obtained from a third-party API called Express.js?

Below is the code snippet that I have written so far:

 app.post('/api/shows', function(req, res, next) {
    var trackName = req.body.trackName;  // This retrieves the trackName entered by the user in the search bar
lfm.track.search({
    'track' : trackName
}, function (err, track) {
       if(!track.album.title)
{
              return res.send(404, { message: req.body.trackName + ' was not found.' });

}
    });

javascript angularjs node.js mongodb api

Answer 1

Answer №1

I have created a straightforward code snippet to search using the Lastfmapi and send the results as JSON in Express.

var LastfmAPI = require('lastfmapi');

var express = require('express');
var app = express();
var port = process.env.PORT || 8080;

var bodyParser = require('body-parser')

var lfm = new LastfmAPI({
   //your keys here
});

app.use(bodyParser.urlencoded({ extended: false }));

app.post('/api/shows', function(req, res, next) {
    var trackName = req.body.trackName;
    console.log('get request');

    lfm.track.search({ 'track' : trackName }, function (err, track) {

        res.json(track);
    });
});


console.log('Start listening! on port: ' + port);
app.listen(port);

If you want to save some results from the Lastfm API response in MongoDB, create your own Mongoose model and integrate it into my snippet.

As for why AngularJs was mentioned in your question, I'm not sure. Nevertheless, you can utilize $resource https://docs.angularjs.org/api/ngResource/service/$resource to fetch data from a RESTful API in your frontend application.

Answer 2

I have created a straightforward code snippet to search using the Lastfmapi and send the results as JSON in Express.

var LastfmAPI = require('lastfmapi');

var express = require('express');
var app = express();
var port = process.env.PORT || 8080;

var bodyParser = require('body-parser')

var lfm = new LastfmAPI({
   //your keys here
});

app.use(bodyParser.urlencoded({ extended: false }));

app.post('/api/shows', function(req, res, next) {
    var trackName = req.body.trackName;
    console.log('get request');

    lfm.track.search({ 'track' : trackName }, function (err, track) {

        res.json(track);
    });
});


console.log('Start listening! on port: ' + port);
app.listen(port);

If you want to save some results from the Lastfm API response in MongoDB, create your own Mongoose model and integrate it into my snippet.

As for why AngularJs was mentioned in your question, I'm not sure. Nevertheless, you can utilize $resource https://docs.angularjs.org/api/ngResource/service/$resource to fetch data from a RESTful API in your frontend application.

Retrieve data from Last.fm API by utilizing both Node.js and Angular framework

Answer №1

Similar questions

Having to click twice in order to close the jQuery dialog box can be frustrating

The division element nested within a select tag

Assigning a unique identifier to each table row when iterating through a collection using

Passing an HTML5 video element as a prop in Vue.js

Socketio: Issue: Isolated surrogate U+D83D is not a valid scalar value

Click the button to trigger the pop-up

Having trouble with installing electron on Linux and macOS?

How to update an Array<Object> State in ReactJS without causing mutation

Whenever the 'something' is passed in $state.go, it fails to function as intended

Iterate through and conduct conditional verification

Proper positioning of try/catch block in scenarios involving delayed async/await operations

An API request was successfully completed with security measures in place; if not

Incorporate a fresh key-value pair into the Redux Toolkit's state

Tips on adjusting a JavaScript animation function

Contrast in the way an angular controller integrates $scope

Using TypeScript in conjunction with Node.js

What is the best way to create a placeholder for a select option with a looping value?

What causes the error "Failed to load SWC binary for win32/x64" when using getStaticProps?

Using React Native to create a concise text component that fits perfectly within a flexbox with a

Dealing with numerous Ajax calls within a single Ajax request