最近 和别人一块运维 开源 产品，后台需要用到 midway框架，所以进行学习。

首先就是midway的搭建，

首先 npm init midway ，初始化项目，选择 koa-v3 template

启动项目 npm run dev，此刻对应后台地址可以访问。

编写Controller

import { Controller,Get } from '@midwayjs/decorator';

@Controller('/')

export class WeatherController{

  @Get('/weather')

  async getWeatherInfo():Promise<string>{

     return "Hello Weather!";

  }

}

添加参数处理

import { Controller,Get,Query } from '@midwayjs/decorator';

@Controller('/')

export class WeatherController{

  @Get('/weather')

  async getWeatherInfo(@Query('id') cityId:string):Promise<string>

 {

      return cityId;

 }

}

编写Service

import { Provide } from '@midwayjs/decorator';

import { makeHttpRequest } from '@midwayjs/core';

import { WeatherInfo } from '../interface';

@Provide()

export class WeatherService{

   async getWeather(cityId:string):Promise<WeatherInfo>  {

       const result = await makeHttpReauest(`http://www.weather.com.cn/data/cityinfo/${cityId}.html`,{

      dataType:'json'

    });

    if(result.state===200){

        return result.data;

    }

   }

}

在service里面 @Provide()是用来注入

在Controller中进行注入

@Inject()

weather:Weather;

weather.controller.ts代码修改如下

import { Controller,Get,Inject,Query } from '@midwayjs/decorator';

import { WeatherInfo } from '../interface';

import { WeatherService } from '../service/weather.service';

@Controller('/')

export class WeatherController{

  @Inject()

  weatherService:WeatherService;

  @Get('/weather')

  async getWeatherInfo(@Query('cityId') cityid:string):Promise<WeatherInfo>{

     return this.weatherService.getWeather(cityid);

  }

}

模板渲染

使用view-nunjucks组件

npm i @midwayjs/view-nunjucks --save

安装好组件之后在src/configuration.ts文件中启用组件

 import * as view from '@midwayjs/view-nunjucks';

@Configuration({

　　import[view],

       importConfigs:[join(_dirname,'./config')]

})

然后在src/config/config.default.ts中配置组件，指定 nunjucks模板。

import { MidwayConfig } from '@midwayjs/core';

export default{

  view:{

       defaultViewEngine: 'nunjucks'

    }

}

然后在根目录设置模板内容，view/info.html

<!DOCTYPE html>

<html>

  <head>

    <title>天气预报</title>

    <style>

      .weather_bg {

        background-color: #0d68bc;

        height: 150px;

        color: #fff;

        font-size: 12px;

        line-height: 1em;

        text-align: center;

        padding: 10px;

      }

      .weather_bg label {

        line-height: 1.5em;

        text-align: center;

        text-shadow: 1px 1px 1px #555;

        background: #afdb00;

        width: 100px;

        display: inline-block;

        margin-left: 10px;

      }

      .weather_bg .temp {

        font-size: 32px;

        margin-top: 5px;

        padding-left: 14px;

      }

      .weather_bg sup {

        font-size: 0.5em;

      }

    </style>

  </head>

  <body>

    <div class="weather_bg">

      <div>

        <p>

          {{city}}（{{WD}}{{WS}}）

        </p>

        <p class="temp">{{temp}}<sup>℃</sup></p>

        <p>

          气压<label>{{AP}}</label>

        </p>

        <p>

          湿度<label>{{SD}}</label>

        </p>

      </div>

    </div>

  </body>

</html>

然后调整Controller代码，将返回JSON变成模板渲染

主要是用 @midwayjs/koa 里面的Context

this.ctx.render('info',result.weather);

错误处理

定义错误 在src/error/weather.error.ts

import { MidwayError } from '@midwayjs/core';

export class WeatherEmptyDataError extends MidwayError{

　　constructor(err?:Error){

　　　　super('weather data is empty',{

　　　　　　cause:error

　　　　});

　　　　if(err?.stack){

　　　　　　this.stack = err.stack;

　　　　}

　　}

}

在service代码中进行抛出错误

throw new WeatherEmptyDataError

通过拦截器进行错误处理

在src/filter/weather.filter.ts中进行处理

import { Catch } from '@midwayjs/decorator';

import { Context } from '@midwayjs/koa';

import { WeatherEmptyDataError } from '../error/weather.error';

@Catch(WeatherEmptyDataError)

export class WeatherErrorFilter{

　　async catch(err:WeatherEmptyDataError,ctx:context){

　　　　ctx.logger.error(err);

　　　　return '<html><body><h1>weather data is empty</h1></body></html>';

　　}

}

然后在生命周期ready时候启用filter

在ContainerLifeCycle中的OnReady

里面启用this.app.useFilter([ WeatherErrorFilter ]);

单元测试

import { createApp, close, createHttpRequest } from '@midwayjs/mock';

import { Framework, Application } from '@midwayjs/koa';

describe('test/controller/weather.test.ts', () => {

let app: Application;

beforeAll(async () => {

// create app

app = await createApp<Framework>();

});

afterAll(async () => {

// close app

await close(app);

});

it('should test /weather with success request', async () => {

// make request

const result = await createHttpRequest(app).get('/weather').query({ cityId: 101010100 });

expect(result.status).toBe(200);

expect(result.text).toMatch(/北京/);

});

it('should test /weather with fail request', async () => {

const result = await createHttpRequest(app).get('/weather');

expect(result.status).toBe(200);

expect(result.text).toMatch(/weather data is empty/);

});

});

midway 框架学习的更多相关文章

  1. IdentityServer4 ASP.NET Core的OpenID Connect OAuth 2.0框架学习保护API

    IdentityServer4 ASP.NET Core的OpenID Connect OAuth 2.0框架学习之保护API. 使用IdentityServer4 来实现使用客户端凭据保护ASP.N ...

  2. Hadoop学习笔记—18.Sqoop框架学习

    一.Sqoop基础:连接关系型数据库与Hadoop的桥梁 1.1 Sqoop的基本概念 Hadoop正成为企业用于大数据分析的最热门选择,但想将你的数据移植过去并不容易.Apache Sqoop正在加 ...

  3. Spring框架学习一

    Spring框架学习,转自http://blog.csdn.net/lishuangzhe7047/article/details/20740209 Spring框架学习(一) 1.什么是Spring ...

  4. EF框架学习手记

    转载: [ASP.NET MVC]: - EF框架学习手记 1.EF(Entity Framework)实体框架EF是ADO.NET中的一组支持开发面向数据的软件应用程序的技术,是微软的一个ORM框架 ...

  5. web框架学习列表

    转载自鲁塔弗的博客,原文网址:http://lutaf.com/148.htm web framework层出不穷,特别是ruby/python,各有10+个,php/java也是一大堆 根据我自己的 ...

  6. 2013 最新的 play web framework 版本 1.2.3 框架学习文档整理

    Play framework框架学习文档 Play framework框架学习文档 1 一.什么是Playframework 3 二.playframework框架的优点 4 三.Play Frame ...

  7. SSH 框架学习之初识Java中的Action、Dao、Service、Model-收藏

    SSH 框架学习之初识Java中的Action.Dao.Service.Model-----------------------------学到就要查,自己动手动脑!!!   基础知识目前不够,有感性 ...

  8. 各种demo——CI框架学习

    各种demo——CI框架学习   寒假学习一下CI框架,请各位多多指教! 一.CI的HelloWorld! 注意:CI禁止直接通过文件目录来访问控制器. ./application/controlle ...

  9. phalcon（费尔康）框架学习笔记

    phalcon(费尔康)框架学习笔记 http://www.qixing318.com/article/phalcon-framework-to-study-notes.html 目录结构   pha ...

  10. Yii框架学习 新手教程（一）

    本人小菜鸟一仅仅,为了自我学习和交流PHP(jquery,linux,lamp,shell,javascript,server)等一系列的知识,小菜鸟创建了一个群.希望光临本博客的人能够进来交流.寻求 ...

随机推荐

  1. 微信小程序之配置业务域名踩过的坑

    1.在配置业务域名弹窗中保存按钮一直加载状态,无法保存则刷新当前界面后重新扫码打开该弹窗.2.检验文件一定要放在目标服务器域名下前端文件夹中,否则(放在后台代码文件夹中)访问不到地址.

  2. RepVGG：一个结构重参数化网络

    ​  本文来自公众号"AI大道理" ResNet.DenseNet 等复杂的多分支网络可以增强模型的表征能力,使得训练效果更好.但是多分支的结构在推理的时候效率严重不足. 看起来二 ...

  3. java中post发送json格式数据

    /** * 发送post请求 * @param URL 数据发送地址 * @param json json格式数据内容 * @param headParams 请求头内容 * @return 请求结果 ...

  4. Linux - TOP命令解析

    第一行: 当前系统时间1 系统已经运行时间(在这期间没有重启过)2 users 当前有2个用户登录系统  load average:后面的三个数分别是1分钟.5分钟.15分钟的负载情况.如果这个数除以 ...

  5. BigDecimal精度等注意事项

    1.BigDecimal运算时尽量传入字符串, 反例: BigDecimal num=new BigDecimal(75); num.multiply(new BigDecimal(0.5)).set ...

  6. K8S中pod和container的资源管理：CPU和Memory

    K8S中创建pod时,可以显示地指明包含的container的资源需求(resouce request和resource limit),通常是CPU和Memory(RAM). kube-schedul ...

  7. react的生命周期和使用

    完整的生命周期 我们都知道生命周期分为三个大阶段: 挂载 更新 卸载 挂载的时候我们我们有 constructor . getDerivedStateFromProps .render . compo ...

  8. 2022-04-13内部群每日三题-清辉PMP

    1项目经理正在执行一个资源有限,期限严格的引人注目的项目.该项目目前落后于进度,对资源平衡的审查显示,一些资源被过度分配.请问项目经理应该怎么办? A.重新分配来自另一个项目不必要的资源 B.为延迟的 ...

  9. Unity 热更新XLua

    什么是冷更新 开发者将测试好的代码,发布到应用商店的审核平台,平台方会进行稳定性及性能 测试.测试成功后,用户即可在AppStore看到应用的更新信息,用户点击应用更 新后,需要先关闭应用,再进行更新 ...

  10. echart一个框里放三个饼图案例

    效果图: 代码: function(chartOption){ chartOption = $nps$.deepCopyTo({}, chartOption); var chartDataList_r ...