基于阿里的Node全栈之路[实践篇](之前忘记放github地址了Orz)
发布于 7 年前 作者 mumudev 6291 次浏览 来自 分享

上一次,在社区里面有童鞋说,如果系列文章能够有代码作为基石,会更好理解,也对新手会更加的友好,所以这里整理了下我的框架,然后趁着上个周末不出去玩,搭建了一个仿cnode的一个小论坛,并持续的更新下去。 好哥哥,来一波star吧,让我更有动力更新下去,也欢迎有志同道合的朋友参与进来。

github地址

我的阿里云栖博客

本代码搭建的博客

交流QQ群:428812779

文章列表

基于阿里的Node全栈之路(一)部署Docker

基于阿里的Node全栈之路(二)阿里负载均衡的HTTPS优化方案

基于阿里的Node全栈之路(三)利用阿里云OSS实现前后端分离

基于阿里的Node全栈之路(四)前后端分离进阶-自动上传前端代码到OSS

基于阿里的Node全栈之路(五)前后端分离进阶-接口篇

基于阿里的Node全栈之路(六)专有网络VPC的应用

项目部署

项目分为两部分,前端[www]和后端[api],同时部署也是分开的。 依赖:

Node > 7
Mongodb
Redis

api

后端框架是eggjs,数据库采用mongodb + redis,参数配置可参照下方代码.

/**
 * 参数全部从Docker环境变量中获取
 * @argument mongodb_host mongodb的主机地址
 * @argument redis_host redis的主机地址
 * @argument redis_password redis的访问密码
 * @argument redis_db redis的第几号数据库
 */
const mongodb_host = `mongodb://${process.env.mongodb_host || 'localhost'}/blog`;
const redis_host = process.env.redis_host || 'localhost';
const redis_password = process.env.redis_password || '';
const redis_db = process.env.redis_db || 0;
module.exports = {
  logger: {
    dir: './logs',
  },
  security: {
    csrf: false,
  },
  redis: {
    client: {
      port: 6379,
      host: redis_host,
      password: redis_password,
      db: redis_db,
    },
  },
  mongoose: {
    url: mongodb_host,
    options: {},
  },
};

参数可以自行修改,配好后,构建环境并启动:

npm install & npm run debug
# or
yarn install & yarn run debug

到这里,后端api就启动成功了,可以直接访问 http://localhost:7001/blog/v1/session ,检查是否启动成功。

app

后端框架是vue,采用了vue-cli,模板采用的是webpack,eslint采用airbnb的.

const merge = require('webpack-merge');
const prodEnv = require('./prod.env');
/**
 * 参数从Docker环境变量中获取
 * @argument blog_host 后端api地址
 */
const host = process.env.blog_host ? `"${process.env.blog_host}"` : '"https://api.mumuimp.com/blog/v1"';

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  host,
});

构建环境并启动:

npm install & npm run dev
# or
yarn install & yarn run dev

其实这些参数是可以在系统的环境变量中设置的。 Windows: 参照java环境变量设置,在环境变量中添加blog_host环境变量.(建议在用户变量中添加) Linux & Mac: 直接在.bashrc或者.bash_profile添加环境变量.


1

当然!你也可以直接改了它!;)

项目发布

Docker部署api

具体参照基于阿里的Node全栈之路(一)部署Docker

阿里云OSS部署web

创建index.js,具体代码可以参考index-example.js,并填写好你自己的参数:

const store = oss({
  accessKeyId: '< your accessKeyId>',
  accessKeySecret: '< your accessKeySecret>',
  bucket: '< your bucket>',
  region: '< your region>',
});

最后,

yarn run publish

友情推荐:

一个好用的接口管理平台,支持本地部署,开源MIT,去哪儿前端大神团队开发。

亲情推荐:

egg-tablestore,阿里云的tablestore数据库在egg上的插件,为啥亲情推荐呢?因为是我写的, wo lianpi hou.

License

MIT

8 回复

非常好的教程,顶一个

@suxiaoxin 谢谢支持,如果能给上第一个star的话,那就完美了;)

@mumudev 找不到你的项目 github 地址

@suxiaoxin Orz,谢谢提醒,都忘记放上了,233

文章列表地址错了,第一个指到第六篇了。

@hezhongfeng 晕,谢谢指出

不错,干货

之前的demo有个bug,经群友提出,已经修复,部署时要注意下依赖image.png

回到顶部