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 :
-
Let AngularJS routing service handle the route to “Blog” section.
-
“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.
My advise is make wordpress API with wordpress plugin, and build commincation angularJS and wordpress through JSON api , read this article