如何使用AngularJS将wordpress博客集成到AWS托管的自定义单页应用程序网站上

Question

I have a custom website that is hosted on AWS managed using Elastic BeanStalk. The web app is built using ANgularJS framework. I have a separate blog hosted on wordpress. I would like to migrate and integrate this blog into existing website. Has anyone had experience with this? If so can i get some pointers on how to proceeed here.

Example. my custom website is mywebsite.com Current wordpress blog is myblog.com I want to create mywebsite.com/blog and have all my wordpress blog content integrated into mywebsite.com/blog

Answer 1

You can use AWS CloudFront for this. Include the Blog and the Angular App as two origins and add behaviors accordingly to route. Map your domain name to AWS CloudFront.

eg Create a behavior for /blogpost to point to Wordpress origin. mywebsite.com/blogpost -> WordpressDNS/blogpost

If you have URL rewrite requirement, use Edge Lambda to code the URL rewrite logic.

For more details in setting up Wordpress behind CloudFront refer this blog post. In addition you will need to install a Wordpress Plugin to avoid Mixed Content issues (If you setup SSL for your website).

Answer 2

You have some options I can think of:

A: You could simply do a wordpress installation in the blog directory, of course needing php/mysql running on your environment.

B: You could install wordpress and use it as a back end and use Angular as your front end so that it easily integrates with your current app. The front end would consume data from the WP API.