上一次,在社区里面有童鞋说,如果系列文章能够有代码作为基石,会更好理解,也对新手会更加的友好,所以这里整理了下我的框架,然后趁着上个周末不出去玩,搭建了一个仿cnode的一个小论坛,并持续的更新下去。 好哥哥,来一波star吧,让我更有动力更新下去,也欢迎有志同道合的朋友参与进来。
github地址
交流QQ群:428812779
文章列表
基于阿里的Node全栈之路(二)阿里负载均衡的HTTPS优化方案
基于阿里的Node全栈之路(三)利用阿里云OSS实现前后端分离
基于阿里的Node全栈之路(四)前后端分离进阶-自动上传前端代码到OSS
项目部署
项目分为两部分,前端[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添加环境变量.
当然!你也可以直接改了它!;)
项目发布
Docker部署api
阿里云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
非常好的教程,顶一个
@suxiaoxin 谢谢支持,如果能给上第一个star的话,那就完美了;)
@mumudev 找不到你的项目 github 地址
@suxiaoxin Orz,谢谢提醒,都忘记放上了,233
文章列表地址错了,第一个指到第六篇了。
@hezhongfeng 晕,谢谢指出
不错,干货