2017-10-10 83 views
2

我想承载我的网站https而不是http。我为我的前端使用AngularJs,为我的后端使用NodeJs。我将使用https://letsencrypt.org/作为SSL证书。在SSL上运行平均值堆栈

我无法找到一种在https上运行这两个Web服务器的方法。

注意:我不想通过网址分开前端和后端。

我希望我明确我的观点。

任何帮助表示赞赏?

+2

AngularJS不是一个Web服务器。您的SSL配置将在Node中完成。 –

+0

Just node apis将用于角码.SSL证书将被添加到nodejs代码中。 –

+0

@SyedAyeshaBebe我们需要在https上运行angularjs以及nodejs,否则我们可能会遇到浏览器安全策略问题 –

回答

1

我提出了一个简单的应用程序,即angularjs和nodejs都可以在https.First上工作,首先将此应用程序保存在服务器(整个文件夹)中。其次创建公共文件夹,并把这个index.html文件it.Here是它

<!DOCTYPE html> 
    <html lang="en"> 
    <head> 
    <script src="angular.min.js"></script> 
    <script src="app.js"></script> 
    </head> 
    <body ng-app="myApp"> 
    <div ng-controller="myCtrl"> 
    <form> 
     Author: 
     <input type="text" ng-model="data.author"> 
     <br> 
     <br> Title: 
     <input type="text" ng-model="data.title"> 
     <br> 
     <br> Body: 
     <input type="author" ng-model="data.body"> 
     <br> 
     <br> 
     <input type="submit" value="Submit" ng-click="submit()"> 
     </form> 
     </div> 
     </body> 
     </html> 

的代码,这里是角码将文件保存为app.js公共文件夹。

var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope,$http) { 
$scope.data = {}; 
$scope.submit= function(){ 
    console.log('clicked submit'); 
    $http({ 
     url: 'https://localhost:3443/blah', 
     method: 'POST', 
     data: $scope.data 
    }).then(function (httpResponse) { 
     console.log('response:', httpResponse); 
    }) 
    } 
}); 

你需要有angular.min.js文件.Keep这个文件中公共文件夹。我对这个文件了解得不多。基本上我是从后端开始的。我对此的理解是没有这个文件,我们无法加载角码。所以这里是文件https://github.com/Syedayesha/MEAN-Stack/blob/master/public/angular.min.js的链接。

Next 服务器代码将文件另存为server.js。将此文件保存在根文件夹中。

var express = require('express'); 
var bodyParser = require('body-parser'); 
var mysql = require('mysql'); 
var app = express(); 
var fs=require('fs'); 
var http=require('http'); 
var https=require('https'); 
    app.use(bodyParser.json({limit: '50mb'})); 
    app.use(express.static('public')); 
var connection = mysql.createConnection({ 
    host: 'localhost', 
    user: 'root', 
    password: '', 
    database: 'testn' 
    }); 
    connection.connect(); 
var options = { 
key: fs.readFileSync('privkey.pem'), 
cert: fs.readFileSync('cert.pem') 
} 
    app.post('/blah', function(req, res, next) { 
    var cope = req.body; 
    console.log('request received:', req.body); 
    var query = connection.query('insert into form set ?', cope, function (err,  result) { 
    if (err) { 
     console.error(err); 
     return res.send(err); 
    } else { 
     return res.send('Ok'); 
    } 
    }); 
    //res.send('received the data.'); 
    }); 
    var server = http.createServer(app).listen(3000); 
var server1 = https.createServer(options,app).listen(3443); 
console.log('server running on 3443'); 

这里我与mysqldb连接。您需要在server.js附近给出您的域名SSL证书选项变量。您需要在根文件夹中具有ssl证书。你可以从我的github下载整个项目。这里是链接https://github.com/Syedayesha/MEAN-Stack

使用node server.js运行节点服务器并打开浏览器并输入https://localhost:3443/index.html。而已 !!!您将获得index.html文件并输入数据并检查数据是否存储在数据库中。其实我正在使用xampp,所以我使用的是Apache服务器。所以我运行的URL为本地主机。您可以使用您的站点名称运行网址示例https://example.com:3443/index.html。并且您需要更改中的角码app.js作为https://example.com:3443/blah。希望能帮助到你。

0

通常情况下,您应该将您的Node服务放在像Apache或Nginx这样的反向代理之后,并使用ProxyPass(Apache)或proxy_pass(Nginx)指令将流量发送到您的Node服务。然后,您可以使用Certbot为您的Apache或Nginx实例配置HTTPS,并且不需要为您的Node服务配置HTTPS(只要它在同一主机上运行)即可。

除了更易于设置HTTPS之外,使用反向代理比直接使用Node更好,因为您可以轻松添加其他Node进程以更好地利用所有CPU。