This project was generated with Angular CLI version 7.0.2. And using de Marvel API
You can see the result here: Marvel App
If you want to try the project you need to get an api key from the developer Marvel web site and modify the file servicios/home.service.ts with your credentials.
There are better ways. but this is the simplest to me.
import { HttpClient, HttpParams } from '@angular/common/http';
...
constructor(private http:HttpClient) { }
...
getQuery( query:string, limit:number = 15, offset:number = 600, search:string=null) {
const ts = new Date().getTime();
const apiKey = '33e5a9bb162b364ad83dd363aa39f75a'; //Your Public Key
//NOTE: DON'T COMMIT YOU PRIVATE KEY
const apiP = '4kot83pld53mmawdm11a4313jmb12v4f1c2x31'; //Your private Key
const hash = md5(ts+apiP+apiKey);
// Initialize Params Object
let params = new HttpParams();
if (search != null)
params = params.append('nameStartsWith', search);
// Begin assigning parameters
params = params.append('apikey', apiKey);
params = params.append('ts', ts.toString());
params = params.append('hash', hash);
params = params.append('limit', limit.toString());
params = params.append('offset', offset.toString());
const url = `https://gateway.marvel.com/v1/public/${query}`;
return this.http.get(url, { params });
}
...
I'm using angular-cli-ghpages to deploy the project.
$ npm install -g angular-cli-ghpages
$ ng build --prod --base-href https://cronoxd.github.io/marvel-app/
$ sudo ngh -no-silent --dir=dist/marvel-app