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

时间 2019-12-20

原文原文链接

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

git

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

正文

这是必备的Hello World章节，本章节将不使用脚手架，逐步建立一个hello world web应用。github

初始化项目

先来初始化下目录结构：web

$ mkdir egg-hello-world
$ cd egg-hello-world
$ npm init
$ npm i egg --save
$ npm i egg-bin --save-dev

执行完成后以下图所示：

除了下载的node模块之外什么都没有，不要着急，咱们接下来会一点点建立。npm

添加 npm scripts 到 package.json：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为同级目录！app

// config/config.default.js

exports.keys = "123456";//<此处改成你本身的 Cookie 安全字符串>;

目录结构

最后咱们的目录以下所示：
框架

启动运行

$ npm run dev

浏览器输入： http://127.0.0.1:7001

结尾

若是看完以为有用，请给做者一个喜欢吧！谢谢啦！