在哪里以及如何在angularjs中使用nodejs

Question

我是UI框架開發的新手。 目前，我的要求是使用anuglarjs和nodejs。 我知道還有像我這樣的人想知道確切的用途..

我感到困惑，因為我需要在應用程序中使用nodejs。 我試圖找到一個簡單的實時演示示例（plunker / jsfiddle），該示例使用了angularjs和nodejs，但我找不到。

目前，我已經使用angularjs編寫了一個小模塊，該模塊可以訪問java控制器類並保存/獲取數據並在網頁上顯示數據。 在這里，我無處使用nodejs。 我嘗試在網絡中搜索以了解如何將nodejs與angularjs結合使用。 任何輸入將非常有幫助。

以下是我使用angularjs實現的示例JavaScript代碼。

myDataCOntroller.js

//some code here

$scope.submitFormData = function(myForm){
        if(myForm.$valid)
         {

            MyDataService.saveOrGetData($scope.myReport).then(
                    function(response) {
                        $scope.myReport = response;
                    },
               function(errResponse){
                   console.error('Errorr');
                });

         }else{
            console.log("invalid form data!!");
         }
    }

myDataService.js

app.factory('myService',function($http,$q,$location){

    var MY_SERVICE_URI = $location.protocol()+'://'+$location.host()+':'+$location.port();

    var _repServiceFactory={};


    _repServiceFactory.saveOrGetData = function(myData){

         var deferred = $q.defer();
         var url = appURL+'/saveOrGetData.form';
         $http.post(url,JSON.stringify(myData))
            .then(
            function (response) {
                   deferred.resolve(response.data);
            },
            function(errResponse){
                console.error('Error while fetching data');
                deferred.reject(errResponse);
            }
        );
        return deferred.promise;
  }

PS：我知道Angularjs是客戶端，Nodejs是服務器端，兩者都使用Javascript編程語言。 我想知道的是，nodejs的用途是什么？實時使用在哪里？

Answer 1

如果您正在編寫AngularJS前端Web應用程序，則可能永遠不必使用NodeJS。

如果在開發或部署過程中需要工具（用於編譯Sass，lint等的構建腳本），則可以使用諸如Gulp ， Grunt或Webpack之類的NodeJS任務運行程序 。

如果您需要構建用於存儲和檢索信息的后端API，則可以使用Express或整個MEAN stack 。

* * *同樣值得注意的是-您提到了打Java類。 如果您已經在將Java用於后端，則可能不會為此目的使用任何NodeJS。 如果您只是將JavaScript縮寫為“ Java”，請注意它們是不同的語言。 * * *

Answer 2

Web開發人員包含4個主要部分：

• 后端 ： Node.Js （它將替換或與您的Java服務器一起使用）
• 前端 ： Angular.js （或React / Polymer / Vue / etc。 ）
• 數據庫 ： MongoDB （noSQL），mySql / Postgres（sql）
• 路由/服務器/中間件 ： Express.js

為了創建實時應用程序，可以使用websockets，尤其是Socket.io （ 它可以很好地與Node.js結合使用 ）

WebSocket本質上是雙向（基於低延遲 ）基於事件的隧道，可以在其中從client-to-server以及從server-to-client傳遞數據，而無需對每條消息進行AJAX（ tcp ）請求。

---

這與強大的數據綁定體系結構（ API -> Angular Binding ） Angular Binding使用，可實現可自定義的單頁面視圖，在該頁面中，可以使用相同的數據創建視圖，並在更新數據時更新后端模式。