Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/woahbase/alpine-vue
Small image for Vue CLI built on Alpine Linux + NodeJS
https://github.com/woahbase/alpine-vue
alpine cli docker vuejs
Last synced: 9 days ago
JSON representation
Small image for Vue CLI built on Alpine Linux + NodeJS
- Host: GitHub
- URL: https://github.com/woahbase/alpine-vue
- Owner: woahbase
- Created: 2018-01-18T15:59:44.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2019-06-29T10:47:51.000Z (over 5 years ago)
- Last Synced: 2024-04-09T14:22:09.418Z (7 months ago)
- Topics: alpine, cli, docker, vuejs
- Language: Makefile
- Homepage: https://woahbase.online/#/images/alpine-vue
- Size: 5.86 KB
- Stars: 1
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[![build status][251]][232] [![commit][255]][231] [![version:x86_64][256]][235] [![size:x86_64][257]][235]
## [Alpine-Vue][234]
#### Container for Alpine Linux + VueJS CLI
---
This [image][233] containerizes the [command line client][136] for
[VueJS][137] along with its [NPM][135] dependencies.
Based on [Alpine Linux][131] from my [alpine-nodejs][132] image with
the [s6][133] init system [overlayed][134] in it.
The image is tagged respectively for the following architectures,
* ~~**armhf**~~
* **x86_64** (retagged as the `latest` )
~~**armhf** builds have embedded binfmt_misc support and contain the~~
~~[qemu-user-static][105] binary that allows for running it also inside~~
~~an x64 environment that has it.~~
---
#### Get the Image
---
Pull the image for your architecture it's already available from
Docker Hub.
```
# make pull
docker pull woahbase/alpine-vue:x86_64
```
---
#### Run
---
If you want to run images for other architectures, you will need
to have binfmt support configured for your machine. [**multiarch**][104],
has made it easy for us containing that into a docker container.
```
# make regbinfmt
docker run --rm --privileged multiarch/qemu-user-static:register --reset
```
Without the above, you can still run the image that is made for your
architecture, e.g for an x86_64 machine..
This images already has a user `alpine` configured to drop
privileges to the passed `PUID`/`PGID` which is ideal if its used
to run in non-root mode. That way you only need to specify the
values at runtime and pass the `-u alpine` if need be. (run `id`
in your terminal to see your own `PUID`/`PGID` values.)
Before you run..
* Mount the project directory (where `package.json` is) at
`/home/alpine/project`. Mounts `PWD` by default.
* Vue runs under the user `alpine`.
Running `make` gets a shell.
```
# make
docker run --rm -it \
--name docker_vue --hostname vue \
-e PGID=1000 -e PUID=1000 \
-c 256 -m 512m \
-v $PWD:/home/alpine/project \
-v /etc/localtime:/etc/localtime:ro \
-v /etc/hosts:/etc/hosts:ro \
-p 8080:8080 \
--entrypoint /bin/bash \
woahbase/alpine-vue:x86_64
```
The usual vue stuff. e.g list projects with
```
# make list
docker run --rm -it \
--name docker_vue --hostname vue \
-e PGID=1000 -e PUID=1000 \
-c 256 -m 512m \
-v $PWD:/home/alpine/project \
-v /etc/localtime:/etc/localtime:ro \
-v /etc/hosts:/etc/hosts:ro \
-p 8080:8080 \
woahbase/alpine-vue:x86_64 \
list
```
initialize a project
```
# make init
docker run --rm -it \
--name docker_vue --hostname vue \
-e PGID=1000 -e PUID=1000 \
-c 256 -m 512m \
-v $PWD:/home/alpine/project \
-v /etc/localtime:/etc/localtime:ro \
-v /etc/hosts:/etc/hosts:ro \
-p 8080:8080 \
woahbase/alpine-vue:x86_64 \
init
```
run the dev server,
```
# make dev
docker run --rm -it \
--name docker_vue --hostname vue \
-e PGID=1000 -e PUID=1000 \
-c 256 -m 512m \
-v $PWD:/home/alpine/project \
-v /etc/localtime:/etc/localtime:ro \
-v /etc/hosts:/etc/hosts:ro \
-p 8080:8080 \
--entrypoint npm \
woahbase/alpine-vue:x86_64 \
run dev
```
build the project with
```
# make prod
docker run --rm -it \
--name docker_vue --hostname vue \
-e PGID=1000 -e PUID=1000 \
-c 256 -m 512m \
-v $PWD:/home/alpine/project \
-v /etc/localtime:/etc/localtime:ro \
-v /etc/hosts:/etc/hosts:ro \
-p 8080:8080 \
--entrypoint npm \
woahbase/alpine-vue:x86_64 \
run build
```
Stop the container with a timeout, (defaults to 2 seconds)
```
# make stop
docker stop -t 2 docker_vue
```
Removes the container, (always better to stop it first and `-f`
only when needed most)
```
# make rm
docker rm -f docker_vue
```
Restart the container with
```
# make restart
docker restart docker_vue
```
---
#### Shell access
---
Get a shell inside a already running container,
```
# make shell
docker exec -it docker_vue /bin/bash
```
set user or login as root,
```
# make rshell
docker exec -u root -it docker_vue /bin/bash
```
To check logs of a running container in real time
```
# make logs
docker logs -f docker_vue
```
---
### Development
---
If you have the repository access, you can clone and
build the image yourself for your own system, and can push after.
---
#### Setup
---
Before you clone the [repo][231], you must have [Git][101], [GNU make][102],
and [Docker][103] setup on the machine.
```
git clone https://github.com/woahbase/alpine-vue
cd alpine-vue
```
You can always skip installing **make** but you will have to
type the whole docker commands then instead of using the sweet
make targets.
---
#### Build
---
You need to have binfmt_misc configured in your system to be able
to build images for other architectures.
Otherwise to locally build the image for your system.
[`ARCH` defaults to `x86_64`, need to be explicit when building
for other architectures.]
```
# make ARCH=x86_64 build
# sets up binfmt if not x86_64
docker build --rm --compress --force-rm \
--no-cache=true --pull \
-f ./Dockerfile_x86_64 \
--build-arg ARCH=x86_64 \
--build-arg DOCKERSRC=alpine-nodejs \
--build-arg PGID=1000 \
--build-arg PUID=1000 \
--build-arg USERNAME=woahbase \
-t woahbase/alpine-vue:x86_64 \
.
```
To check if its working..
```
# make ARCH=x86_64 test
docker run --rm -it \
--name docker_vue --hostname vue \
-e PGID=1000 -e PUID=1000 \
woahbase/alpine-vue:x86_64 \
--version
```
And finally, if you have push access,
```
# make ARCH=x86_64 push
docker push woahbase/alpine-vue:x86_64
```
---
### Maintenance
---
Sources at [Github][106]. Built at [Travis-CI.org][107] (armhf / x64 builds). Images at [Docker hub][108]. Metadata at [Microbadger][109].
Maintained by [WOAHBase][204].
[101]: https://git-scm.com
[102]: https://www.gnu.org/software/make/
[103]: https://www.docker.com
[104]: https://hub.docker.com/r/multiarch/qemu-user-static/
[105]: https://github.com/multiarch/qemu-user-static/releases/
[106]: https://github.com/
[107]: https://travis-ci.org/
[108]: https://hub.docker.com/
[109]: https://microbadger.com/
[131]: https://alpinelinux.org/
[132]: https://hub.docker.com/r/woahbase/alpine-s6
[133]: https://skarnet.org/software/s6/
[134]: https://github.com/just-containers/s6-overlay
[135]: https://www.npmjs.com/
[136]: https://github.com/vuejs/vue-cli
[137]: https://vuejs.org/
[201]: https://github.com/woahbase
[202]: https://travis-ci.org/woahbase/
[203]: https://hub.docker.com/u/woahbase
[204]: https://woahbase.online/
[231]: https://github.com/woahbase/alpine-vue
[232]: https://travis-ci.org/woahbase/alpine-vue
[233]: https://hub.docker.com/r/woahbase/alpine-vue
[234]: https://woahbase.online/#/images/alpine-vue
[235]: https://microbadger.com/images/woahbase/alpine-vue:x86_64
[251]: https://travis-ci.org/woahbase/alpine-vue.svg?branch=master
[255]: https://images.microbadger.com/badges/commit/woahbase/alpine-vue.svg
[256]: https://images.microbadger.com/badges/version/woahbase/alpine-vue:x86_64.svg
[257]: https://images.microbadger.com/badges/image/woahbase/alpine-vue:x86_64.svg