angularjs - 带有 angularjs 和 nodejs 的 SaaS 应用程序，我如何组织不同的客户端？

Question

我正在尝试决定在这种情况下该怎么做:

我想创建一个我想在 SaaS 商业模式中销售的产品，我已经或多或少地考虑了后端，并在 nodejs 中编写了一些代码。它处理 oAuth、 session ，并在访问某个端点时控制用户的 Angular 色。

疑问在于前端架构:每个客户端都将共享相同的功能，但他们的页面设计将完全不同。我想将尽可能多的应用程序逻辑放在服务中，以便我可以重用它，我的想法是只在客户端之间更改 Controller /模板/指令，可以吗？

我应该有不同的文件夹并从 nodejs 为每个客户端提供静态文件吗？前任:在 nodejs 中，我会知道调用了 client1 的 url，所以我会为 client1-index.html 提供服务？

我应该把每个客户端放在他们自己的nodejs服务器和他们自己的主机上吗？

还有哪些方法？

我希望能够轻松地重用服务，因为我将引入对功能的更改或添加更多功能，并且我希望轻松地进行此升级。

还有一个管理面板，对所有这些面板都完全相同，将改变的部分是我客户的用户看到的部分。

可以将其想象为拥有许多客户并为每个客户提供一家商店，以便他们可以出售自己的东西。他们想要一个管理页面和一个公共(public)页面。管理页面对所有人都是一样的，但公共(public)页面必须改变。

那么，如果应用在用户之间共享相同的功能，但每个用户看起来完全不同，你会怎么做？

Answer 1

既然你似乎在使用 Angular，你有没有想过使用路由服务？在这里查看更多信息:https://docs.angularjs.org/api/ngRoute/provider/$routeProvider

基本上它的作用是根据 url 加载一个 html 页面和一个 Controller (JS 文件)。例如，如果您的用户只是移动到 url.com/client1 并且 angular 将加载 client1.html 和 client1CTRL。

一个简单的结构如下:

• Index.Html- References to any dependencies, and in the body only a ng-view tag
• Templates (The Html Templates for each of the users)
• Login
• Admin
• Client 1 etc...
• Scripts (JS)
  • External Scripts (Jquery, Angular ETC)
  • Index.js ( This is where you would have all your js controllers for each page)
• Stylesheets
  • CSS FILES GO HERE

Angular 路由示例:Tutorial

var App = angular.module('saasApp', []);
 
App.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/admin', {
        templateUrl: 'templates/admin.html',
        controller: 'AdminController'
      }).
      when('/client1', {
        templateUrl: 'templates/client1.html',
        controller: 'client1Controller'
      }).
      when('/login', {
        templateUrl: 'templates/login.html',
        controller: 'loginController'
      }).
      otherwise({
        redirectTo: '/login'
      });
  }]);

希望这适用于您正在尝试做的事情。