基於阿里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/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

結尾

如果看完覺得有用，請給作者一個喜歡吧！謝謝啦！