一套java后端自动生成接口并支持用例测试的工具(Tools that run in an operational or development environment)

Related tags

apiface
Overview

Release issues forks stars license Contributors JDK Maven Language npm tag tag tag tag tag tag tag tag tag tag

apiface (一套由java开发的接口文档工具)

Tools that run in an operational or development environment

演示地址

单纯使用环境(apiface的使用门槛)

  • jdk6+ (支持java或类似kotlin等运行在jvm层的 “任意语言(开发中)” 使用 “任意框架” 编写的http协议的RESTFUL APIs接口)
  • maven 或 gradle 或 自定义扫描路径生成APIs接口(不推荐)

使用篇详细

注:

  • 使用成本低(集成开发环境下javadoc可以按需自动生成),仅仅需要学习apiface的javadoc规范
  • 或者详看apiface-example项目中文件中用法
  • maven插件的使用详情参见 apiface-maven-plugin使用方式
  • gradle插件的使用详情参见 apiface-gradle-plugin使用方式
  • 将java执行打包后的target文件夹下的 XXX-XXXX-XXX.json就是APIs里面的接口数据

开发环境(apiface的开发门槛)

  • nodejs and yarn
  • maven or gradle
  • jdk6+
  • 开发初衷

市面上的接口文档琳琅满目,但是要找到一个适合自己的接口文档确实有点难度,诸如传统的api文档上有一下几方面的问题。
 * 1.文档更新慢,造成占用团队协作时间太多
 * 2.传统javadoc太老了,不符合现在发展趋势
 * 3.不支持用例测试,给接口对接和测试麻烦
 * 4.写多余的注释和文档,(既要写接口文档还要写代码注释)不能空出太多时间给开发者
 * 5.文档工具对代码具有入侵性,如swagger
 * 6.单一前端仅仅能访问单一后端,不能单一前端访问不同后端获取不同后端的接口文档
 * 7.接口文档和实际的接口版本不一致时,还要维护一套接口文档
 * 8.接口文档不能直接转换给不同厂商使用,涉及多厂商接口调用时又要写多一次接口文档
正是如此apiface的产生是为了针对上述的诸多问题,如果您对apiface感兴趣,可以深入看下代码,apiface还会继续完善的
  • apiface的特点

apiface的javadoc规范 ">
 * 1.基于javadoc,但不会飘离项目本身的依赖
 * 2.基于maven(gradle)插件不会存在任何形式的代码入侵,不给您的代码带来耦合
 * 3.前端只需部署一套就能访问不同的后端接口并展示其文档接口
 * 4.仅仅需要根据实际接口写符合要求的javadoc,不用写任何的其他代码
 * 5.前端获取接口文档不依赖于后端运行环境(接口测试用例需要后端给真实的数据)
 * 6.兼容swagger2接口文档,如果您的项目依赖swagger2接口文档,想换一套前端UI,可以使用apiface
 * 7.理论上支持java或类似kotlin等运行在jvm层的 “任意语言” 使用 “任意框架” 编写的http协议的APIs接口
 * 8.使用成本低(集成开发环境下javadoc可以按需自动生成),仅仅需要学习apiface的javadoc规范
  • apiface与swagger2的比较

 * 1.运行环境:
    (1).apiface:即可可以单独部署不占用实际项目本身的资源,又可以和实际项目捆绑部署(需要将生成的api.json和前端编译生成dist下的文件部署到应用服务)
    (2).swagger2:仅仅能捆绑部署,不能分离部署(占用资源外,在实际生产环境还要重新打包,添加额外的麻烦)
    (3).结果:apiface 比较好
 * 2.访问权限:
    (1).apiface:支持,但比较麻烦。 单独部署时,可以将生成的api.json文件放入应用的授权访问资源中, 集成部署时将生成的文件放入应用的授权访问资源中(api.json和前端编译生成dist下的文件)
    (2).swagger2:支持,无操作,全在于应用的实际权限
    (3).结果:swagger2 比较好
 * 3.代码环境:
    (1).apiface: 使用项目不依赖apiface的包,仅仅需要写javadoc,对代码没有任何入侵性(即使apiface存在缺陷,也影响不到项目的代码),下一阶段支持泛型
    (2).swagger2:使用项目依赖swagger2的包,又要写javadoc将必要的注释和想法表达外,还要添加一系列多余的标记类,对代码具有入侵性,不支持泛型
    (3).结果:apiface 比较好
 * 4.全面性:
    (1).apiface: 使用的类加载器:项目编译时编译项目的类加载器,总有一些你想不到的接口文档展示不太友好
    (2).swagger2:使用的类加载器:项目运行的类加载器,支持全面
    (3).结果:swagger2 比较好(毕竟swagger2 搞了很多年了)
 * 5.使用条件:
    (1).apiface: 必须用maven或gradle编译
    (2).swagger2:引入相关的包
    (3).结果:apiface、swagger2各有有优势
 * 6.界面UI:
    (1).apiface: 单页面,支持搜索接口,接口展示较合理,操作简单,axios请求
    (2).swagger2:单页面,不支持搜索接口(接口多的时候抓瞎),接口展示不合理,操作复杂,curl请求
    (3).结果:apiface 比较好
 * 7.界面兼容性:
    (1).apiface: 页面完全兼容swagger2的
    (2).swagger2:理论上可以用swagger2界面展示apiface的接口,但是一般人不会这么做,除非脑袋被驴踢了
    (3).结果:apiface 比较好
 * 8.离线浏览:
    (1).apiface: 支持下载转换成md富文本形式的文件
    (2).swagger2:目前暂未发现
    (3).结果:apiface 比较好
 * 9.综上所诉,我认为apiface不对项目本身存在任何形式的代码入侵,难能可贵,但局限于编译的时候,所以用相同编译插件的时候可以考虑apiface,
    如果您的项目现在使用swagger2,想换一个,也可考虑apiface,因为apiface支持swagger2的页面
  • apiface的模块说明

  • apiface-core apiface 的核心代码

  • apiface-maven-plugin apiface 文档生成的maven插件,基于maven

  • apiface-gradle-plugin apiface 文档生成的gradle插件,基于gradle

  • apiface-proxy apiface(文档项目分离)访问后端的代理,解决cookie跨域

  • apiface-font apiface 的前端代码(旧,不维护)

  • apiface-front apiface 的前端代码(新)

  • apiface-example apiface 的使用范例,基于maven 构建 (maven 使用者看这个就够)

  • apiface-gradle-example apiface 的使用范例,基于gradle构建 (gradle使用者看这个就够)

  • apiface-core的实现原理与使用方式(apiface的核心实现)

api的生成流程
st=>start: 开始
readSource=>inputoutput: 使用 JavaParser 将java源代码的文本解析为一棵CompilationUnit类型的树
createDoc=>inputoutput: 将CompilationUnit类型树解析成对应的文档JSON
writeDoc=>inputoutput: 写出文档JSON
readDoc=>inputoutput: 读取文档JSON
vaildDoc=>condition: 校验文档JSON
isApi=>inputoutput: 将文档JSON加入api行列
isNotApi=>inputoutput: 文档JSON不符合需求,不做处理
transformApi=>condition: 是否将Api转换成类一种JSON文本
isTransformApi=>inputoutput: 将Api转换成类一种JSON文本,需要实现接口
isNotTransformApi=>inputoutput: 不做处理
writeApis=>inputoutput: 写出APIs JSON文档
e=>end: 结束

st->readSource->createDoc->writeDoc->readDoc->vaildDoc
vaildDoc(no)->isNotApi->transformApi
vaildDoc(yes)->isApi->transformApi
transformApi(no)->isNotTransformApi->writeApis
transformApi(yes)->isTransformApi->writeApis
writeApis->e
apiface的javadoc标记规范
标记 含义 格式 作用域 生效条件 描述
@ignore 忽略注释标记 @ignore class,method,feild 所有文档注释 标记该注释不是文档对象不做处理
@author 开发者信息标记 @author username class,method 所有文档注释 标记该类或方法作者信息
@author 开发者信息标记 @author username丨email class,method 所有文档注释 标记该类或方法作者信息
@since 版本标记 @since version class,method 所有文档注释 标明一个类,方法,或其它标识符是在哪个特定版本开始添加进来的
@action 接口类标记 @action group,group1 (abstract)class 无@ignore的文档注释 标记该注释类是一个接口类
@error 错误描述标记 @error 发送错误时的描述 method 含@action的文档注释 接口的错误描述
@date 时间标记 @date data-time method 含@action的文档注释 接口的最后编辑时间
@hidden 隐藏标记 @hidden class,method 含@action的文档注释 标记该注释中接口类或接口仅仅是一个被继承类引用的文档
@pack 使用统一包装 @pack 类全名 class 含@action的文档注释 (现阶段没实现)通常用于指定返回全局包装格式,其中包装类必须是有且仅有一个泛型
@unpack 不使用统一包装 @unpack class,method 含@action的文档注释 (现阶段没实现)标记具体接口不使用全局包装
@uri 标记资源uri @uri /uri class,method 含@action的文档注释 springmvc可忽略,标记具体接口使用的uri
@summary 标记摘要 @summary 摘要 method 含@action的文档注释 接口简短的描述
@method 标记请求方法 @method get,post class,method 含@action的文档注释 springmvc可忽略,标记具体接口使用的请求方法
@produce 标记请求context类型 @produce text/html,text/xml class,method 含@action的文档注释 springmvc可忽略,标记具体接口使用的请求内容
@consume 标记响应context类型 @consume text/html,text/xml class,method 含@action的文档注释 springmvc可忽略,标记具体接口使用的响应内容
@exclude 接口排除参数 @exclude param1,param2.field method 含@action的文档注释 标记具体接口的参数是一个包装类,但有些不想展示的参数
@return 接口返回值 @return 类全名丨描述 method 含@action的文档注释 标记具体接口的返回是一个包装类
@return 接口返回值 @return 类全名或基本类型 method 含@action的文档注释 标记具体接口的返回是一个包装类或者基本类(java的基本类型+string,date)
@return 接口返回值 @return int丨描述 method 含@action的文档注释 标记具体接口的返回是一个基本类,描述可以省略
@param 接口参数标记 @param 参数名 method 含@action的文档注释 标记具体接口的参数是为某名的基类
@param 接口参数标记 @param 参数名丨参数类型 method 含@action的文档注释 标记具体接口的参数是为某名的包装类(类全名)或者基本类
@param 接口参数标记 @param 参数名丨参数类型丨描述 method 含@action的文档注释 标记具体接口的参数,带描述
@param 接口参数标记 @param 参数名丨参数类型丨必须丨描述 method 含@action的文档注释 标记具体接口的参数,带参数限制
@param 接口参数标记 @param 参数名丨参数类型丨必须丨默认值丨描述 method 含@action的文档注释 标记具体接口的参数,带默认值
@param 接口参数标记 @param 参数名丨参数类型丨必须丨默认值丨类型 body/form/path/head/cookie丨描述 method 含@action的文档注释 标记具体接口的参数,带类型
@model 模型类标记 @model onlyname (abstract)class,interface 无@ignore的文档注释 标记该注释类是一个模型类
@hidden 隐藏标记 @hidden (get)method,field 含@model的文档注释 标记该注释中模型类中属性字段是否展示
@required 是否必须 @required (get)method,field 含@model的文档注释 标记该注释中模型类中属性字段是否必须
@example 隐藏标记 @example 默认值 (get)method,field 含@model的文档注释 标记该注释中模型类中属性字段默认值
apiface的javadoc标记实际使用详解

注: 详看apiface-example文件中用法

  • apiface-front的使用方式(apiface前后端接口交互方案(前端界面),新版 )

安装&运行&打包

  • yarn -- 安装依赖
  • yarn dev -- 运行前端环境
  • yarn build -- 打包

特点

  • 1.界面完全兼容swagger2界面
  • 2.支持多后台接口方案(一套界面搞定若干个系统的API展示)
  • 3.支持apiface无入侵api接口文档方案(一个自定义的API接口展示方案)
  • 4.支持i18n,国际化(局部支持)
  • 5.支持生成本地文档(离线文档) markdown形式,
  • 6.动态前端配置(不需要再打包apiface-font 仅仅需要配置conf.json)
  • 7.接口对接遇到问题可以分享测试用例,提高前后端交流能力

依赖

  • "axios": "^0.16.2"
  • "element-ui": "^2.13.0"
  • "font-awesome": "^4.7.0"
  • "mavon-editor": "^2.9.0"
  • "vue": "^2.5.9"
  • "vue-i18n": "^8.20.0"
  • "vue-json-viewer": "^2.2.14"

模式说明(前端动态配置)

属性名 含义 类型 生效条件 描述
mode 模式选择 字符串,枚举值 当值为single或dev或app single意味着访问docs[]中的分组接口可以单独部署,而dev 则是集成部署就行swagger一样放在代码后端代码中,而app模式 则是apiface专门为接口文档开发的一个文档管理系统
api 接口文档地址 字符串,任意值 mode值为dev时 在集成部署中有效并指向接口访问地址 eq:proxy/apifaces/api-docs(其中proxy为base uri apifaces/api-docs 为实际接口)
title 接口网页标题 字符串,任意值 title不为空时 为方便使用者定义自己的标题,优先等级大于默认
proxy 使用代理地址 字符串,任意值 mode值为single,并且proxy不为空时 指向代理服务器-配合apiface-proxy使用,eq:http://ip:port/proxy/agent/api,用于访问多套API接口时解决跨域问题
docs 动态接口配置 数组 mode值为single 为下拉选项的API接口选项提供候选值
text 接口分组名称 字符串,任意值 跟随docs 用于显示接口分组名称
options 接口地址包装 数组 跟随docs 将一个接口地址包装为接口显示名称的接口地址
text 接口显示名称 字符串,任意值 跟随options 用于显示接口显示名称
addr 接口地址 字符串,url 跟随options 用于显示接口地址以及获取描述文档的依据

注: 在conf.json文件中配置

演示

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

  • apiface-proxy使用方式

部署步骤
  • 将使用apiface-maven-plugin生成api.json放入webapp文件夹内
  • 将编译apiface-front生成dist文件夹内的所有文件放入webapp文件夹内
  • 按需修改apiface-proxy中的conf.json
  • 编译打包apiface-proxy成war包
  • 部署war包并访问

注:上述过程maven都已经帮我们做好了,您只需要安装好环境 并执行mvn install命令即可

  • apiface-maven-plugin的使用方式(apiface的maven插件生成APIs接口文档)

插件参数
  • host 打包生成的接口文档指向 该项目部署的测试服务器,用于用例测试
  • basePath 相当于 HttpServletRequest.getContextPath(),部署项目的实际baseUrl用于用例测试
  • license
  • licenseUrl
  • developer 开发团队|开发团队联系 ,用于显示开发者信息
  • url 开发团队主页
  • description 该接口平台的描述信息
  • version 该接口平台记录的项目的版本
  • title 该接口平台的标题
  • artifactId 生成接口文档的项目的 artifactId (必填,不填无法生成接口文档)
apiface-maven-plugin使用方式

<plugin>
    <groupId>io.github.dayeshinggroupId>
    <artifactId>apiface-maven-pluginartifactId>
    <version>1.2.1-SNAPSHOTversion>
    <configuration>
        <artifactId>apiface-exampleartifactId>

        <host>127.0.0.1:28080host>
        <basePath>/appbasePath>
        <license>9526license>
        <licenseUrl>http://self.daysh.toplicenseUrl>
        <url>http://self.daysh.topurl>
        <developer>Daye Shing|[email protected]developer>
        <description>apiface让您的接口文档更丰富、更优雅description>
        <version>${project.version}version>
        <title>接口文档 APIstitle>
    configuration>
    <executions>
        <execution>
            <id>apifaceid>
            <phase>packagephase>
            <goals>
                <goal>docgoal>
                <goal>apigoal>
            goals>
        execution>
    executions>
plugin>
apiface-gradle-plugin使用方式
/**
 * 插件已发布至中央仓库,可以直接从中央仓库获取 插件以及插件依赖,  认准 1.4.5-RC 版本及其以上版本
 */
//构建环境
buildscript {
    repositories {
        mavenLocal()
        mavenCentral()
    }
    dependencies {
        classpath 'io.github.dayeshing:apiface-gradle-plugin:1.9.3-SNAPSHOT'
    }
}

plugins {
    id 'org.springframework.boot' version '2.2.5.RELEASE'
    id 'io.spring.dependency-management' version '1.0.9.RELEASE'
    id 'java'
}

//使用文档构建插件,必须按这样配置
apply plugin : 'apiface'
apiface {
    host='127.0.0.1:28080'
    basePath='/app'
    license='9527'
    licenseUrl='http://self.daysh.top'
    url='http://self.daysh.top'
    developer='Daye Shing|[email protected]'
    description='apiface让您的接口文档更丰富、更优雅'
    version='1.9.3-SNAPSHOT'
    title='接口文档 APIs'
}
// 由于本人gradle不太熟练 ,所以要用下面的配合使用,必须
Task cp = task copyJars(type: Copy) {
    group('apiface')
    from configurations.runtimeClasspath
    into './build/jars'
}
Task c = project.tasks.getByName(JavaPlugin.COMPILE_JAVA_TASK_NAME)
c.dependsOn(cp)
c.mustRunAfter(cp)

// 其他的配置,无关api打包构建

group = 'com.daysh.apiface'
version = '1.9.3-SNAPSHOT'
sourceCompatibility = '1.8'

repositories {
    mavenLocal()
    maven { url 'http://maven.aliyun.com/nexus/content/groups/public/'}
    mavenCentral()
}

dependencies {
    implementation 'org.springframework.boot:spring-boot-starter-web'
    testImplementation('org.springframework.boot:spring-boot-starter-test') {
        exclude group: 'org.junit.vintage', module: 'junit-vintage-engine'
    }
    implementation  group: 'org.projectlombok', name: 'lombok', version: '1.18.12'
}
configurations.all {
    resolutionStrategy.cacheChangingModulesFor 0, 'seconds'
}

test {
    useJUnitPlatform()
}
  • apiface-example使用方式(apiface的使用实例demo 基于maven 构建)

使用方式

在使用之前,您需要部署 apiface-front 前端文件到服务器,或者直接部署apiface-proxy到servlet容器并运行, 然后使用apiface-maven-plugin maven的api生成文档并部署器api.json到服务器 然后在apiface-example中的包com.daysh.apiface.boot下有各类环境的运行程序,运行就能看到实际的测试用例 apiface-example 的目的仅仅是用户测试用例以及使用演示

  • apiface-gradle-example使用方式(apiface的使用实例demo 基于gradle构建)

使用方式

在使用之前,您需要部署 apiface-front 前端文件到服务器,或者直接部署apiface-proxy到servlet容器并运行, 然后使用apiface-gradle-plugin maven的api生成文档并部署器api.json到服务器 然后在apiface-gradle-example中的包com.daysh.apiface.boot下有各类环境的运行程序,运行就能看到实际的测试用例 apiface-gradle-example 的目的仅仅是用户测试用例以及使用演示

  • idea使用live template生成您的注释(简化您编写javadoc的操作)

定义template
  • 生成类的时候File Header
/**
 * ${NAME}的描述
 * @author Daye Shing | [email protected]
 * @ignore
 * @since 1.0
 * @date ${YEAR}-${MONTH}-${DAY} ${HOUR}:${MINUTE}
 */
  • 生成普通类的时候 定义 Abbreviation: /**c
/**
 * $name$的描述
 * @author Daye Shing | [email protected]
 * @since 1.0
 * @ignore
 * @date $date$ $time$
 */
  • 生成action类的时候 定义 Abbreviation: /api
/**
 * $name$的接口类描述
 * @action 分组名称
 * @uri uri
 * @author Daye Shing | [email protected]
 * @since 1.0
 * @date $date$ $time$
 */
  • 生成model类的时候 定义 Abbreviation: /mod
/**
 * $name$的包装类描述
 * @model 唯一显示名称
 * @author Daye Shing | [email protected]
 * @since 1.0
 * @date $date$ $time$
 */
  • 生成接口方法的时候 定义 Abbreviation: /***
// 空一行
/**
 * 详细描述$params$
 * @uri uri
 * @summary 摘要
 * @method post,get
 * @ignore
 * @exclude 排除参数1,排除参数2
 * @error 错误描述
 * @return $returns$|描述
 * @author Daye Shing | [email protected]
 * @since 1.0
 * @date $date$ $time$
 */

注:$params$的值为

groovyScript("def result=''; def params=\"${_1}\".replaceAll('[\\\\[|\\\\]|\\\\s]', '').split(',').toList();for(i = 0; i < params.size(); i++) {result+=('' == params[i])? '' : ' \\n * @param ' + params[i] + ' |参数类型|必须|默认值|参数类型 body/form/path/head/cookie|参数描述'}; return result", methodParameters())
使用template
/api 或者 /mod 或者 /**c(回车)
public class Template{
    public String text(String name){/***(回车)
        return "";
    }
}
包装类注释写法
/**
 * 描述该Model
 * @model Model
 * @author Daye Shing | [email protected]
 * @since 1.0
 * @date 时间
 */
public class Model {
    
    /**
     * name描述
     * @hidden
     * @example 默认值
     */
    private String name;

    /**
     * 优先级比下面age get方法的优先级低(age的描述)
     * @required
     */
    private int age;

    /**
     * 优先级比上面age属性的优先级高(age的描述)
     * @required
     */
    public String getAge(){
        return age;
    }
}
普通类注释写法
/**
 * 描述
 * @author Daye Shing | [email protected]
 * @since 1.0
 * @ignore
 * @date 时间
 */
public class Service {
    
    /**
     * 详细描述 (类上面使用了ignore ,方法上可以忽略,使用ignore是为了减少生成文档的注释)
     * @param name |参数类型|必须|默认值|参数类型 body/form/path/head/cookie|参数描述
     * @ignore
     * @return java.lang.String|描述
     * @author Daye Shing | [email protected]
     * @since 1.0
     * @date 2021/4/17 21:47
     */
    public String text(String name){
        return "";
    }
}
接口类注释写法
/**
 * 描述
 * @author Daye Shing | [email protected]
 * @since 1.0
 * @action 分组名称
 * @uri uri(使用springmvc 可以忽略,但是其他非spring的就可能要添加)
 * @date 时间
 */
public class Action {

    /**
     * 详细描述 (注释参数可以不用对于下面方法的形参)
     * @param name |参数类型|必须|默认值|参数类型 body/form/path|参数描述
     * @uri text
     * @summary 摘要
     * @method post,get
     * @exclude age
     * @error 错误描述
     * @return java.lang.String|描述
     * @author Daye Shing | [email protected]
     * @since 1.0
     * @date 2021/4/17 3:51
     */
    public String text(String name) {
        return "";
    }
}

注:

安装&运行&打包

  • yarn -- 安装依赖
  • yarn dev -- 运行前端环境
  • yarn build -- 打包

特点

  • 1.界面完全兼容swagger2界面
  • 2.支持多后台接口方案(一套界面搞定若干个系统的API展示)
  • 3.支持apiface无入侵api接口方案(一个自定义的API接口展示方案)
  • 4.支持i18n,国际化
  • 5.支持生成本地文档 markdown形式
  • 6.动态前端配置(不需要再打包apiface-font 仅仅需要配置conf.json)

依赖

  • "axios": "^0.16.2"
  • "element-ui": "^2.13.0"
  • "font-awesome": "^4.7.0"
  • "mavon-editor": "^2.9.0"
  • "vue": "^2.5.9"
  • "vue-i18n": "^8.20.0"
  • "vue-json-viewer": "^2.2.14"

模式说明(前端动态配置)

属性名 含义 类型 生效条件 描述
mode 模式选择 字符串,枚举值 当值为single或dev single意味着访问docs[]中的分组接口可以单独部署,而dev 则是集成部署就行swagger一样放在代码后端代码中
api 接口文档地址 字符串,任意值 mode值为dev时 在集成部署中有效并指向接口访问地址 eq:proxy/apifaces/api-docs(其中proxy为base uri apifaces/api-docs 为实际接口)
title 接口网页标题 字符串,任意值 title不为空时 为方便使用者定义自己的标题,优先等级大于默认
proxy 使用代理地址 字符串,任意值 mode值为single,并且proxy不为空时 指向代理服务器-配合apiface-proxy使用,eq:http://ip:port/proxy/agent/api,用于访问多套API接口时解决跨域问题
docs 动态接口配置 数组 mode值为single 为下拉选项的API接口选项提供候选值
group 接口分组名称 字符串,任意值 跟随docs 用于显示接口分组名称
options 接口地址包装 数组 跟随docs 将一个接口地址包装为接口显示名称的接口地址
name 接口显示名称 字符串,任意值 跟随options 用于显示接口显示名称
addr 接口地址 字符串,url 跟随options 用于显示接口地址以及获取描述文档的依据

注: 在conf.json文件中配置

演示

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Issues
Releases(APIsBuildTool)
Static Site Generated Progressive Web App Glossary eBook for software concepts.

Software Environment Concepts Understand Software Concepts About If you are new to software engineering or you are working in a software company (Mana

Amr Elmohamady 18 Jun 7, 2021
webchat via WebSockets/WebRTC that allows messaging/video call/screen sharing

Live demo: pychat.org, video Table of contents About When should I use pychat How to host pychat Run test docker image Run prod docker image Native se

Andrew 167 Jun 3, 2021
A B/S mode system monitor for linux (demo http://199.247.1.240:2048)

中文说明 sysmon Sysmon is a C/S mode system monitor for Linux distribution. With server side daemon, you can remotely watch usage of your system resources

何培勤 108 May 8, 2021
🌕 Create beutiful docs in markdown and HTML from postman collection

Afterman Export beautiful docs in Markdown and HTML from postman collection ?? No Backend ?? No configuration ?? Customize the output of your document

Albert E. Hidalgo Taveras 31 May 18, 2021
基于Tcloud优化的完整一套,搭建好插上手机即可使用

在使用Tcloud的初期,想的是搭建一套可以使用云真机的平台,因为STF界面不是很好看,且账号系统等不方便修改(自己太菜了),后续就开始着手Tcloud的搭建,但是在搭建过程中遇到很多的问题,从什么都不懂的小白,变成懂一点搭建的小白,再到后面可以自己改改东西的小白

ninesun 15 Jun 2, 2021
Vue startup application template that uses ASP.NET Core API layered architecture at the back-end and JWT based authentication

Nucleus Web API startup template with a Vue Client application. Requirements Vue CLI v3.x or later. Nodejs v10.x or later. Visual Studio 2019 v16.3 or

alirizaadiyahsi 293 Jun 7, 2021
🏩 A simple process manager for developers. Start apps from your browser and access them using local domains

hotel Start apps from your browser and use local domains/https automatically Tip: if you don't enable local domains, hotel can still be used as a cata

null 9.7k Jun 4, 2021
Discover dev news with zero effort 👩🏽‍💻

Welcome to the daily.dev repository The latest dev news delivered to your new tab ????‍?? Made with ❤️ by developers for developers ?? daily.dev daily

daily.dev 3.5k Jun 4, 2021
atmo is a selfhosted temperature and humidity monitoring system for you home.

atmo atmo is a selfhosted temperature and humidity monitoring system for you home. It uses standard ZigBee sensors but without the need for a commerci

Alexander Zeller 9 May 9, 2021
Social Ideation application to manage Ideas. Developed with Vue, Firebase & Vuetify

Idea Re-Vue ?? Social ideation platform that helps you brainstorm Ideas. Create, edit, collaborate & share ideas in a fun, visual way ?? TRY IT FREE ?

Muhammad Muhaddis 15 May 8, 2021
Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.

Layoutit Grid CSS Grids layouts made easy! Layoutit grid is a CSS Grid layout generator. Quickly design web pages layouts with our clean editor, and g

Leniolabs_ 706 Jun 4, 2021
🐣 vue GUI generator

vuegg vue.js GUI generator [ Mockups and code in one go! ] About vuegg Scaffold vuejs projects by dragging-dropping components directly into the visua

vuegg 1.9k Jun 13, 2021
DynamoDb GUI Client

DynamoDb-GUI-Client (This project is no longer supported) First, of all, I really appreciate the work of everyone who contributed to this project so f

Misak Poghosyan 571 May 31, 2021
The QMK Configurator

Quantum Mechanical Keyboard Configurator The QMK Configurator is an online tool used for easily creating firmware files for keyboards supported in qmk

QMK 327 Jun 9, 2021