CODEWITHSUNDEEP
angularjswordpressamazon-web-servicesamazon-elastic-beanstalksingle-page-application
locularsdev
locularsdev

Reputation: 1

How to integrate wordpress blog into a custom Single page app website hosted on AWS using AngularJS

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

Upvotes: 0

Views: 984

Answers (2)

Ashan
Ashan

Reputation: 19738

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.

e.g 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).

Upvotes: 1

mediaguru
mediaguru

Reputation: 1917

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.

Upvotes: 0

Related Questions