All Projects → lizheming → animaris

lizheming / animaris

Licence: MIT License
Documentation and Mock for JSBridge base on ThinkJS & MongoDB & React & Antd.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects
Dockerfile
14818 projects

Projects that are alternatives of or similar to animaris

Dva Admin
dva admin antd dashboard
Stars: ✭ 278 (+892.86%)
Mutual labels:  mock, antd
Easyfun
a project using react antd webpack es6
Stars: ✭ 150 (+435.71%)
Mutual labels:  mock, antd
React Spa
React Redux,适合中大型规模应用开发,注释还算详细,配置有TypeScript、 CSS Modules、React-Router 4、koa接口mock请求等。接口埋点报错统一处理。
Stars: ✭ 327 (+1067.86%)
Mutual labels:  mock, antd
Firekylin
A Simple & Fast Node.js Blogging Platform Base On ThinkJS3 & React & ES2015+
Stars: ✭ 1,804 (+6342.86%)
Mutual labels:  thinkjs, thinkjs3
next-plugin-antd-less
🎩 Use Antd (Less) with Next.js v12, Zero Dependency on other Next-Plugins.
Stars: ✭ 338 (+1107.14%)
Mutual labels:  antd, antd-design-pro
Ng Alain
NG-ZORRO admin panel front-end framework (surge mirror https://ng-alain-doc.surge.sh)
Stars: ✭ 4,287 (+15210.71%)
Mutual labels:  antd, antd-design-pro
Antd Admin
An excellent front-end solution for enterprise applications built upon Ant Design and UmiJS
Stars: ✭ 8,678 (+30892.86%)
Mutual labels:  mock, antd
react-vite-admin
This Starter utilizes React, Recoil, React Query, React Hooks, Typescript, Axios And Vite. 全新技术栈的后台管理系统
Stars: ✭ 90 (+221.43%)
Mutual labels:  antd, antd-design-pro
QuickWebKit
A great & strong plugin based WebViewController. 一款基于插件的 WebView 视图控制器,您可以基于它设计您的浏览器插件,然后像积木一样来组装它们。
Stars: ✭ 29 (+3.57%)
Mutual labels:  webview, jsbridge
structure-admin
技术栈:nodeJS+vue+vuex+mysql+redis,前端使用vue的element-ui的组件库,后端使用nodeJS的服务,数据库mysql,缓存使用的还redis
Stars: ✭ 45 (+60.71%)
Mutual labels:  thinkjs, thinkjs3
think-sequelize
Sequelize Extend for ThinkJS 3.x
Stars: ✭ 13 (-53.57%)
Mutual labels:  thinkjs, thinkjs3
autojs-webView
autojs的webView实现,支持初始化脚本注入、jsBridge两端互调
Stars: ✭ 38 (+35.71%)
Mutual labels:  webview, jsbridge
Reactspa
combination of react teconology stack
Stars: ✭ 911 (+3153.57%)
Mutual labels:  mock, antd
vue-js-bridge
vue-js-bridge for Vue.js
Stars: ✭ 41 (+46.43%)
Mutual labels:  webview, jsbridge
umi-dva-typescript-mock
基于umi + dva + typescript + mock + antd的react框架,内置PWA
Stars: ✭ 17 (-39.29%)
Mutual labels:  mock, antd
thinkjsplus
thinkjs3.0 从入门到实战
Stars: ✭ 100 (+257.14%)
Mutual labels:  thinkjs, thinkjs3
flutter-webview-windows
A WebView2-powered Flutter WebView implementation for the Windows platform.
Stars: ✭ 83 (+196.43%)
Mutual labels:  webview
deckard
DNS test harness
Stars: ✭ 28 (+0%)
Mutual labels:  mock
dva-typescript-antd-starter-kit
A admin dashboard application demo based on antd by typescript and dva
Stars: ✭ 61 (+117.86%)
Mutual labels:  antd
react-native-react-bridge
An easy way to integrate your React (or Preact) app into React Native app with WebView.
Stars: ✭ 84 (+200%)
Mutual labels:  webview

Animaris

Documentation and Mock for Mobile WebView APIs base on ThinkJS & MongoDB & React & Antd.

简体中文文档

Introduction

Animaris is a system to resolve problem about mobile webview api documentation and mock. We use ThinkJS and MongoDB for server, React and Antd for front end, Docsify for documentation at last. Animaris fixed follow questions:

  1. A visual documentation for Mobile WebView API.
  2. How mock Mobile WebView API.

If your Mobile web page depend on WebView API, you should inspect to simulator or physical machine. It's very terrible. All we know api mock program usually support server http api, there has little mock webview api program.

Installation

Docker Compose

You can easily run animaris using docker-compose. Project have an example config named docker-compose.yml for you. You can use it directly or config it. It relies on a number of environment variables that you can set before running docker-compose up. The variables are described below.

version: '2'

services: 
  animaris:
    image: lizheming/animaris:latest
    ports: 
      - 8360:8360
    restart: always
    environment:
      # mongo database setting
      - MONGO_HOST=mongo
      - MONGO_PORT=27017
      - MONGO_DATABASE=animaris
      # If your mongo setting have user auth you should add below enviroment
      # - MONGO_USER=admin
      # - MONGO_PASSWORD=admin

  mongo:
    image: mongo
    environment:
      # mongo data path
      - MONGO_DATA_DIR=/data/db
    volumes: 
      - ./runtime/data:/data/db
    command: mongod --smallfiles

After run docker-compose -f docker-composer.yml up, you can open http://localhost:8360 to view program.

Normal Install

If you don't use docker, you also can install it with common method. First of all you should have Node.js v8+, and then clone repo:

git clone [email protected]:lizheming/animaris.git

Modify src/config/adapter.js with your mongo config and then install dependencies.

vim +48 src/config/adapter.js
npm install

Then compile js and start server.

npm run webpack
npm start

After start, you can open http://localhost:8360 to view program.

Documentation

After start, you can see RESTful APIs documentation at http://localhost:8360/doc/.

Name

Animaris means machines like humans, that's function same as Mock.

Screenshot

Documentation List

Documentation view page

Mock data setting page

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].