相关文章

基于阿里 egg 框架搭建博客（1）——开发准备
基于阿里 egg 框架搭建博客（2）——Hello World
基于阿里 egg 框架搭建博客（3）——注册与登录
基于阿里 egg 框架搭建博客（4）——权限控制
基于阿里 egg 框架搭建博客（5）——置顶导航条
基于阿里 egg 框架搭建博客（6）——浏览、发表文章
基于阿里 egg 框架搭建博客（7）——编辑文章

git

https://github.com/ZzzSimon/e…
喜欢就点个赞吧！

正文

这是必备的 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

结尾

如果看完觉得有用，请给作者一个喜欢吧！谢谢啦！