相关文章
基于阿里egg框架搭建博客(1)——开发准备
基于阿里egg框架搭建博客(2)——Hello World
基于阿里egg框架搭建博客(3)——注册与登录
基于阿里egg框架搭建博客(4)——权限控制
基于阿里egg框架搭建博客(5)——置顶导航条
基于阿里egg框架搭建博客(6)——浏览、发表文章
基于阿里egg框架搭建博客(7)——编辑文章
git
https://github.com/ZzzSimon/egg-example
喜欢就点个赞吧!
正文
这是必备的Hello World章节,本章节将不使用脚手架,逐步创建一个hello world web应用。
初始化项目
先来初始化下目录结构:
$ mkdir egg-hello-world
$ cd egg-hello-world
$ npm init
$ npm i egg --save
$ npm i egg-bin --save-dev
执行完成后如下图所示:
除了下载的node模块以外什么都没有,不要着急,我们接下来会一点点创建。
添加 npm scripts 到 package.json:
{
"name": "egg-example",
"scripts": {
"dev": "egg-bin dev"
}
}
编写Controller
上一节我们知道,controller是需要放在app/controller/
目录下的,所以我创建helloWorld.js
文件:
// app/controller/home.js
const Controller = require('egg').Controller;
class HelloWorldController extends Controller {
async index() {
this.ctx.body = 'Hello World';
}
}
module.exports = HelloWorldController;
编写路由规则
egg将路由交由app/router.js
管理,于是我们在app/
目录下创建router.js
文件:
// app/router.js
module.exports = app => {
const { router, controller } = app;
router.get('/', controller.helloWorld.index);
};
配置文件
最后加上一个配置config/config.default.js
文件:
注意:config
与app
为同级目录!
// config/config.default.js
exports.keys = "123456";//<此处改为你自己的 Cookie 安全字符串>;
目录结构
最后我们的目录如下所示:
启动运行
$ npm run dev
浏览器输入: http://127.0.0.1:7001
结尾
如果看完觉得有用,请给作者一个喜欢吧!谢谢啦!