Strategy to properly include WordPress blog within an AngularJS app

I’m writing an AngularJS/Express/NodeJS/MongoDB website. Within this website, on the navigation bar, there’s a section called “Blog”, another section called “Advice articles”. I intended to use WordPress to publish the blog and publishing articles on my site, due to its outstanding ability as a blogging and CMS platform. My question is how to properly integrate WordPress into AngularJS/Express/MongoDB system? I have come across articles on how to include AngularJS as a WordPress subpages, but I haven’t seen any articles on how to include WordPress as an AngularJS subpage. Does anyone here know any tips/pointers/articles on such a strategy ?

My current strategy is :

Read More
  1. Let AngularJS routing service handle the route to “Blog” section.

  2. “Blog” section is template, which includes an iframe, that points to the WordPress site, sth like this :

    <div>
    <iframe frameborder="0" height="800" width="1200" scrolling="no" ng-src="http://localhost/wordpress/?page_id=4"></iframe></div>

I can display the blog by this strategy. But it still a little bit off, I have to do some manual CSS. Is there a better way to do this out there ?

Also since I want to allow the user to comment on page without asking them to log in again. How do I integrate the login done in Express/MongoDB with WordPress user login, which is a PHP/MySql system. Are there any article out there that shows how to implement this ?

Thanks in advance,

P.S : I do not want to go the route of rewriting my site as a WordPress plugin, I and my friends want to maintain AngularJS/Express/Node/MongoDb as our primary MVC stack.

Related posts

Leave a Reply

1 comment