アリeggフレームワークに基づいてブログを構築(2)--Hello-world
1885 ワード
関連記事
アリ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アプリケーションを徐々に作成します.
プロジェクトの初期化
まず、次のディレクトリ構造を初期化します.
実行が完了したら、下の図のようにダウンロードしたnodeモジュール以外は何もありません.焦らないでください.これから少しずつ作成します.
npm scriptsをpackageに追加します.json:
Controllerの作成
前節では、controllerは
ルーティング規則の作成
eggはルートを
プロファイル
最後に、構成
ディレクトリ構造
最後に、私たちのディレクトリは次のとおりです.
運転開始
ブラウザ入力:
読み終わって役に立つと思ったら、作者に好きなものをあげてください.ありがとう!
アリ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";//;
ディレクトリ構造
最後に、私たちのディレクトリは次のとおりです.
運転開始
$ npm run dev
ブラウザ入力:
http://127.0.0.1:7001
の最後の部分読み終わって役に立つと思ったら、作者に好きなものをあげてください.ありがとう!