基于阿里egg框架搭建博客（2）——Hello World

相关文章

基于阿里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

结尾

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