2. 程式人生 > >angular2+node.js express打包部署

angular2+node.js express打包部署

阿新 • • 發佈：2019-01-08

angular是客戶端JS,NODE.JS 是服務端JS,建立SPA 網站需要把這兩者統一到一起。

1、angular2專案建立,使用angular-cli

     ng new mypos

2、使用express命令列工具建立express專案。

      express --view=hbs 

3、angular2 中 需要引用到第三方庫 例如 jquery,bootstrape,

       index.html中需要新增應用，然後檔案需要拷貝到assets目錄

<linkrel="stylesheet"type="text/css"href="/assets/primeng/resources/themes/bootstrap/theme.css"
/> <linkrel="stylesheet"type="text/css"href="/assets/primeng/resources/primeng.min.css" /> <linkrel="stylesheet"type="text/css"href="/assets/primeng/resources/font-awesome.min.css" /> <scriptsrc="/assets/jquery.min.js"></script> <linktype="text/css"href="/assets/bootstrap/css/bootstrap.min.css"
rel="stylesheet"> <scriptsrc="/assets/bootstrap/js/bootstrap.min.js"></script>

4、修改angular-cli.json   //指定為express的靜態檔案目錄。

"outDir":"express/public/"

5、打包

       ng build --prod

6、進入express執行目錄

       npm start

完成！

相關推薦

angular2+node.js express打包部署

angular是客戶端JS,NODE.JS 是服務端JS,建立SPA 網站需要把這兩者統一到一起。 1、angular2專案建立,使用angular-cli      ng new mypos 2、使用express命令列工具建立express專案。       expr

從零開始構建部署上線Node.js+Express+Bootstrap+Jade響應式網站應用—RSPT丨留學生活第一站（三）

一、Nodejs 線上伺服器部署與釋出綜述 伺服器配置生產環境所需要的步驟大致為： 整個專案部署詳細流程文字解析： 部署流程圖依照學習課程的流程： 看著這個圖，Scott老師有一段精彩的故事詮釋它： 故事還得從左下腳的角落開始，一把椅子

從零構建部署Node.js+Express+Bootstrap Web應用

本文將包括以下內容: 建立一個Express應用 使用npm和package.json管理應用依賴 調整Express工程結構到MVC架構 Route和Controller概念分離 建立新的Node模組(module) 使用Git線上部署Express應用到

Node.js, Express的服務器搭建過程的問題

節點 順序 post 模塊化 回調地獄 模塊 調試 cheerio void Node.js, Express的服務器搭建過程的問題 Express : node.js 的框架,根據2012年BYvoid的說法,是node.js官方唯一推薦的框架 怎麽搭建項目? - 安

用node.js express設置路徑後 子路徑下的頁面訪問靜態資源路徑出問題

ref gin images ejs title use func tle public 在routes/news_mian.js 設置了訪問news_main.html 的路徑 ‘/‘,通知設置一個訪問news-page.html的子路徑‘/newspage‘子路徑。但是

node.js express配置允許跨域

ati let pre char -h json requested all -c app.all(‘*‘, function(req, res, next) { res.header("Access-Control-Allow-Origin", "*");

node.js express+ejs引擎構建第一個項目（一）

sta com 如果 node.js install 安裝 exp expr inf express+ejs初始化項目命令： express -t ejs projetName 目錄結構如下： 安裝依賴： npm install 安裝依賴後，啟動項目：

Nodejs學習筆記（七）—Node.js + Express 構建網站簡單示例

ren 結構 crypto 中間件 實現 cmd ews path releases 前言 　　上一篇學習了一些構建網站會用到的一些知識點：https://www.cnblogs.com/flyingeagle/p/9192936.html 　　這一篇主要結合前面講到的知識

Nodejs學習筆記（八）—Node.js + Express 實現上傳文件功能（felixge/node-formidable）

blog args 一個 type屬性 ole java mod device 前端 前言 　　前面講了一個構建網站的示例，這次在此基礎上再說說web的常規功能----文件上傳，示例以一個上傳圖片的功能為例子 　　上傳功能命名用formidable實現，示例很簡單! 　　P

創建一個node.js express類型的app

node.js bst pro 一個 project gen storm sta 創建 npm install -g express-generator express <project_name> cd <project_name>,

Node.js Express 框架學習

轉載：http://javascript.ruanyifeng.com/nodejs/express.html#toc0 感覺很牛的樣子，不過覺得對初學者沒太大用，裡面很多例子用的api都沒有詳細的說明。為了學習備份，所以拷貝過來。 Express框架 來自《JavaScrip

Node.js + Express 介面請求（GET、POST、PUT）事例

路由 路由是指應用程式的端點（URI）如何響應客戶端請求。有關路由的介紹，請參閱基本路由。 您可以使用Express app物件的方法定義路由，這些方法對應於HTTP方法; 例如，app.get()處理GET請求和app.post處理POST請求。有關完整列表，請參閱app.

Node.js Express+Mongodb 項目實戰

info lose dex edi lar mage multipart board 表單提交 Node.js Express+Mongodb 項目實戰 這是一個簡單的商品管理系統的小項目，包含的功能還算挺全的，項目涵蓋了登錄、註冊，圖片上傳以及對商品進行增、刪、查、改等操

Node.js線上伺服器部署與釋出

第1章 課程預熱對整個部署思路進行全流程介紹，通過 5 個不同型別專案，來演示從本地的倉庫到最終線上穩定執行的整個專案部署釋出流程，來幫助始終程式設計在一線的前端或者後端工程師，甚至是有 Coding 能力的產品經理，從操作流程和架構形態上，掌握從零開始的專案上線環節，掌握這關鍵一步，跨過去前端到後端，本地到

Node.js JXcore 打包

Node.js JXcore 打包 Node.js是一個開放原始碼、跨平臺的、用於伺服器端和網路應用的執行環境。 JXcore是一個支援多執行緒的 Node.js 發行版本，基本不需要對你現有的程式碼做任何改動就可以直接執行緒安全地以多執行緒執行。 。。。 JXcore 安裝 下載JXcore安裝包

Node.js Express 框架

Node.js Express 框架 Express 是一個為Node.js設計的web開發框架，它基於nodejs平臺。 。。。 Express 簡介 Express是一個簡潔而靈活的node.js Web應用框架, 提供了一系列強大特性幫助你建立各種Web應用，和豐富的HTTP工具。 使用Exp

【Node.js+Express微信公眾號開發】第一步：服務搭建及微信接入

一、前言 此前微信開發，都比較依賴後端。然而有時候後端小夥伴特別忙，最近又學習了一下node的基礎知識，索性就想著自己用node整一遍。 本教程環境為linux系統centOs7系統 二、準備工作 1. 伺服器 伺服器我使用的是搬瓦工的，目前19.9美元那款，網上有

【Node.js+Express微信公眾號開發】第二步：編寫獲取access_token介面

一、構建一個介面 從上一篇文章中，仔細觀察一下目錄結構，不難發現，routes路由這塊，就是我們放node服務定義放置路由的目錄，原本生成了一個users檔案，暫時用處不大，我們便可以直接更改這個路由。如圖，分別更改一個getAccessToken.js。 然後我

node.js+express 跨域問題加了請求頭無效解決Access to XMLHttpRequest at 'xxxx'from'xxx'origin 'xxx' has been blocke

先吧以下程式碼複製下來 /* 解決跨域問題 / app.all(’’, function(req, res, next) { res.header(“Access-Control-Allow-Origin”, “*”); res.header(“Access-Control-Al

node.js(express)連線mongoDB入門指導

一、寫在前面   人人都想成為全棧碼農，作為一個web前端開發人員，通往全棧的簡潔之路，貌似就是node.js了。前段時間學習了node.js，來談談新手如何快速的搭建自己的web服務，開啟全棧之路。   二、安裝node.js   接觸過後端開發的人都知道，首先要安裝服