• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

darosh/angular-swagger-ui-material: [ABANDONED] Material Design template for ang ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

darosh/angular-swagger-ui-material

开源软件地址(OpenSource Url):

https://github.com/darosh/angular-swagger-ui-material

开源编程语言(OpenSource Language):

JavaScript 62.9%

开源软件介绍(OpenSource Introduction):

angular-swagger-ui-material

Abandoned in favor of OpenAPI Specification Explorer!

work: abandoned tested on APIs.guru

Material Design template Swagger UI for based on angular-swagger-ui.

Demo

Chrome browser should work.

Main demos

Demo Server Notes
Pet Store petstore.swagger.io Markdown in API info
Hub powered by APIs.guru
Theming Demo petstore.swagger.io primary: blue-grey, accent: grey, warn: pink

Development demos

Demo Server Notes
Uber no from OpenAPI-Specification/examples, Markdown in operation info
LoopBack Drupal no Drupal database discovered + LoopBack default models,
large: 900+ operations
Minimal Swagger 2.0 no
GiHub Flavored Markdown no generated from test/fixtures/markdown/README.md
Swashbuckle no generated by Swashbuckle
Swashbuckle.OData no example from Swashbuckle.OData
YAML no example for swagger-yaml.js module

Features

  • Material Design
  • Responsible layout
  • Configurable angular-material theme colors
  • Highlight deprecated methods
  • Render GFM descriptions
  • Download de-referenced standalone JSON or YAML
  • YAML Swagger format support
  • Standard HTTP methods, status codes and headers reference thanks to know-your-http-well
  • Grouped and ungrouped views
  • Open response body in new window
  • securityDefinitions support
  • Proxy support
  • Search

Search

Filter Matches Notes
log POST /user/login
POST /user/login
path
get GET /user
GET /pet
method
ge N/A single word, not full method
get pet GET /pet method + path
de pet DELETE /pet method + path

Plugins

See src/plugins.

Reference

Development

Install

npm install -g bower gulp
bower install
npm install

Rebuild http-data.js

gulp info

Rebuild swagger-gfm.json

gulp info

Build dist

gulp

Build demo

gulp demo

Deploy demo

gulp deploy

TODOs

  • angular-swagger-ui-material
  • Alternative layout in "documentation" style
  • Operation permalinks
  • Permalinks in description? (example)
  • Scripts tab with examples
  • Cross-browser compatibility (unknown)
  • Optimization (one-time binding, …)
  • Hot keys (search, submit)
  • XML example support
  • Warning about http (non SSL) submit? (dialog + do not show me again?)
  • Swagger 1.2
  • GFM task lists vs SCE
  • E2E tests
  • No more compatible with angular-swagger-ui

Usage

LoopBack with loopback-component-explorer

package.json

angular-swagger-ui-material is not published in npm, so we use napa instead

{
  "dependencies": {
    "loopback-component-explorer": "^2.4.0",
    "napa": "^2.3.0"
  },
  "napa": {
    "angular-swagger-ui-material": "darosh/angular-swagger-ui-material"
  },
  "napa-config": {
    "cache": false,
    "cache-path": "./.napa-cache",
    "log-level": "error"
  },
  "scripts": {
      "install": "napa"
  }
}

server/server.json

var loopback = require('loopback');
var explorer = require('loopback-component-explorer');

var app = module.exports = loopback();

explorer(app, {
    basePath: '/api',
    uiDirs: [
        require('angular-swagger-ui-material').dist
    ]
});



鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap