部署MEAN堆栈应用程序

时间:2019-07-15 18:11:13

标签: node.js angular express vue.js

因此,我开发了一个Web应用程序(企业级),使用Vue作为前端,使用Node作为后端,使用MongoDB作为数据库。在开发阶段,我们使用单独的服务器托管Vuejs应用程序和Nodejs应用程序。

在生产级别听起来不对。我的问题是,在单个服务器(前端为Vue或Angular)上托管MEAN堆栈应用程序的最佳方式(最优选的方式)是什么。我已经阅读了很多有关服务“ dist”的信息文件夹使用快递服务器。但这是一种解决方法还是合法解决方案?

此外,我应该考虑使用docker还是kubernetes? App Engine和elb不在范围之内,因为它们不提供MongoDB支持,而Atlas则非常昂贵。

1 个答案:

答案 0 :(得分:0)

我最近写了一篇有关deploying the frontend的帖子。

您可以轻松地使用两个用于测试和构建的docker容器,但也可以仅在服务器上安装node.js。 Mongodb可能是Docker或任何Linux vps的简单依赖项。你有Linux经验吗?

Docker文件配方:

# Create the container from the alpine linux image
FROM alpine:3.7

# Add nginx and nodejs
RUN apk add --update nginx nodejs

# Create the directories we will need
RUN mkdir -p /tmp/nginx/vue-single-page-app
RUN mkdir -p /var/log/nginx
RUN mkdir -p /var/www/html

# Copy the respective nginx configuration files
COPY nginx_config/nginx.conf /etc/nginx/nginx.conf
COPY nginx_config/default.conf /etc/nginx/conf.d/default.conf

# Set the directory we want to run the next commands for
WORKDIR /tmp/nginx/vue-single-page-app
# Copy our source code into the container
COPY . .
# Install the dependencies, can be commented out if you're running the same node version
RUN npm install

# run webpack and the vue-loader
RUN npm run build

# copy the built app to our served directory
RUN cp -r dist/* /var/www/html

# make all files belong to the nginx user
RUN chown nginx:nginx /var/www/html

# start nginx and keep the process from backgrounding and the container from quitting
CMD ["nginx", "-g", "daemon off;"]