axshare

A web platform for hosting and sharing Axure RP prototypes based on PanJiaChen/vue-admin-template

Server API Project: https://github.com/XanderCheung/axshare-go

Build Setup

# clone the project
git clone git@github.com:XanderCheung/axshare.git

# enter the project directory
cd axshare

# install dependency
npm install
# npm install --registry=https://registry.npm.taobao.org

# develop
npm run dev

# change api url? change the file `axshare/public/static/config.js`
window.cj = {
  api_url: `http://localhost:10524/api/v1/`
}

Now Visit http://localhost:9666

Build

# build for test environment
npm run build:stage

# build for production environment
npm run build:prod

Advanced

# preview the release environment effect
npm run preview

# preview the release environment effect + static resource analysis
npm run preview -- --report

# code format check
npm run lint

# code format check and auto fix
npm run lint -- --fix

Dockerize axshare

docker build -t xandercheung/axshare .
docker run \
  -v /your-directory/config.js:/usr/share/nginx/html/static/config.js \
  -p 9666:80 \
  -d --rm --name axshare xandercheung/axshare

# change nginx config?
-v /your-directory/nginx.conf:/etc/nginx/conf.d/default.conf

Now Visit http://localhost:9666

More

nginx config example

server {
  listen      80;
  server_name your-domain.com;

  location /ax/ {
    root /your-directory/axures; # directory of released files
    index  index.html index.htm;
  }

  location /api/ {
    proxy_pass http://localhost:10524; # api server
    proxy_set_header Host $http_host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto $scheme;
  }

  location / {
    proxy_pass http://localhost:9666; # to web
  }
}