Fixed some self-hosted wp rest-api issues

Author: Julian Vasa

README.md

@@ -12,7 +12,16 @@ A simple app build with Ionic v4.
 
 change the wordpress.com urls in `src/app/services/wordpress.service.ts`
 
+If you have a self-hosted Wordpress blog it should work fine also with rest-api endpoints of your instance. 
+https://developer.wordpress.org/rest-api/reference/<br>
+If you have a self-hosted wordpress blog change variable wp_org = true<br>
+`public wp_org: boolean = true;`<br>
+in `src/app/services/wordpress.service.ts`
+
 It looks something like this: 
 
 ![Screenshot](Screenshot.png)
 ![Screenshot2](Screenshot2.png)
+![Screenshot3](Screenshot3.png)
+![Screenshot4](Screenshot4.png)
+

Screenshot1.png

@@ -1,31 +1,40 @@
 import { Injectable } from '@angular/core';
 import {HttpClient} from '@angular/common/http';
 import 'rxjs/add/operator/map';
-import {of} from 'rxjs/observable/of';
+
 @Injectable()
 export class WordpressService {
     items: any[];
     categories: any[];
+    public wp_org: boolean = false;
+    mainUrl: String = "https://public-api.wordpress.com/rest/v1.1/sites/unegatuaj.com/";
+
     constructor(private http: HttpClient) {
+        if(this.wp_org == true) {
+            this.mainUrl = "http://demo.wp-api.org/wp-json/wp/v2/";
+        }
     }
 
     public getPosts(page: number): any {
-        return this.http.get("https://public-api.wordpress.com/rest/v1.2/sites/unegatuaj.com/posts/?status=publish&page="+page);
+        return this.http.get(this.mainUrl +"posts/?status=publish&page="+page);
     }
 
     public getPostsByCat(categoryName: string, page: number): any {
-        return this.http.get("https://public-api.wordpress.com/rest/v1.2/sites/unegatuaj.com/posts/?status=publish&category="+categoryName+"&page="+page);
+        return this.http.get(this.mainUrl + "posts/?status=publish&category="+categoryName+"&page="+page);
     }
 
     public getCategories(): any {
-        return this.http.get("https://public-api.wordpress.com/rest/v1.1/sites/unegatuaj.com/categories?order_by=count&order=DESC");
+        if(this.wp_org){
+            return this.http.get(this.mainUrl + "categories?order_by=count&order=desc");
+        }
+        return this.http.get(this.mainUrl + "categories?order_by=count&order=DESC");
     }
 
     public search(searchStr: string, page: number): any {
-        return this.http.get("https://public-api.wordpress.com/rest/v1.2/sites/unegatuaj.com/posts/?status=publish&search="+searchStr+"&page="+page);
+        return this.http.get(this.mainUrl + "posts/?status=publish&search="+searchStr+"&page="+page);
     }
 
     public getPost(recipeId: string): any {
-        return this.http.get("https://public-api.wordpress.com/rest/v1.1/sites/unegatuaj.com/posts/"+recipeId);
+        return this.http.get(this.mainUrl + "posts/"+recipeId);
     }
 }

Screenshot2.png

@@ -1,7 +1,7 @@
 <ion-header>
   <ion-toolbar color="warning">
     <ion-title>
-      Recetat e fundit
+      Recent posts
     </ion-title>
   </ion-toolbar>
 </ion-header>
@@ -18,7 +18,7 @@
         <div [innerHTML]="thumbs.get(item).content"></div>
     </ion-card-content>
   </ion-card>
-  <ion-button *ngIf="loaded === true" (click)="next()">Me shume receta</ion-button>
+  <ion-button *ngIf="loaded === true" (click)="next()">More posts</ion-button>
 
 
 </ion-content>

Screenshot3.png

@@ -25,16 +25,30 @@ export class Tab1Page implements OnInit {
 
   loadPosts(){
     this.loading = true;
-    this.wordpressService.getPosts(this.page).subscribe(data => {
-      this.items = data.posts;
-      for (let res of data.posts) {
-        if(!this.thumbs.has(res.ID)){
-          this.thumbs.set(res.ID, {id: res.ID, title: res.title, content: res.content.replace('<li class="jetpack-recipe-print"><a href="#">Print</a></li>','')});
-        }        
-      }
-      this.loading = false;
-      this.loaded = true;
-    });
+    if(this.wordpressService.wp_org){
+      this.wordpressService.getPosts(this.page).subscribe(data => {
+        this.items = data;
+        for (let res of data) {
+          if(!this.thumbs.has(res.id)){
+            this.thumbs.set(res.id, {id: res.id, title: res.title.rendered, content: res.content.rendered});
+          }        
+        }
+        this.loading = false;
+        this.loaded = true;
+      });
+    }
+    else {
+      this.wordpressService.getPosts(this.page).subscribe(data => {
+        this.items = data.posts;
+        for (let res of data.posts) {
+          if(!this.thumbs.has(res.ID)){
+            this.thumbs.set(res.ID, {id: res.ID, title: res.title, content: res.content.replace('<li class="jetpack-recipe-print"><a href="#">Print</a></li>','')});
+          }        
+        }
+        this.loading = false;
+        this.loaded = true;
+      });
+    }
   }
 
   next() {