是否将复杂的AngularJS Web应用程序与CMS集成？

Question

I've developed a web application using AngularJS that has some significant complexity to it. For example, a user can record a video through the web interface, which triggers a custom server process to analyze the video, which the front end then retrieves from the server and presents in a graph.

I've set up a video server (wowza) and created an angular directive to wrap the video player which plays RTMP video streams (a requirement is also that videos can only be played from specific IP addresses), as well as directives to wrap the video recorder and a service to interact with the server-side analysis code.

The client would ideally like the pages and videos to be managed through a CMS. I have no experience with CMS systems. Is this possible and how would I go about this?

Answer 1

There are a few CMS systems specifically designed to work with Angular:

• http://respondcms.com
• https://github.com/jonniespratley/angular-cms

Many of the 'traditional' CMS solutions are multi page based as opposed to Angular's 'single page' architecture which can make integration a little tricky.

Its worth checking whatever approach you select has a believable migration path to Angular 2 also.

Answer 2

You can go about this by creating a custom page on your chosen CMS framework that fetches the database for all liked pages and videos and returns them as json or xml object similar to a web service...

Then on your angularjs code you can create a service that fetches all liked pages and videos from the custom page that you have created using $http request and of course using that custom page's url...

factory('LikedItemsService', function($http, $q) {
  return {
    getLikedItems: function(loginData) {
      var q = $q.defer();
      $http({ 
        url:"http://mydomain/cms/api/custompage", //just a sample custom page url
        method:"POST",
        headers: {
          'Content-Type': 'application/json'
        }
      }).then(function(resp) {       
          q.resolve(resp.data);
      }, function(err) {
          q.reject(err);
          console.log(err);
          alert('An unexpected error occured. Please try again later.');
      });

      return q.promise;
    }
  }
}