56/5000 적절한 애플리케이션 통합 서비스를 선택하고 사용하는 방법

안녕하세요! Classmethod 주식회사 신입 엔지니어 이병현이라고 합니다!

이번 AWS Summit Online Korea 2020의 세션을 들으면서 내용을 정리해보았습니다.

제가 정리한 세션은 김성진님 (솔루션즈 아키텍트, AWS) 의 이벤트 드리븐 아키텍처 구축을 위한 적절한 어플리케이션 통합 서비스 선택 및 사용 방법 입니다.

어떤 세션인지

이벤트 드리븐 아키텍처를 위한 어플리케이션 통합서비스 소개입니다.
어플리케이션 통합방법에 대해 알아봅니다.

이벤트 드리븐 아키텍처

동기적 처리

하나의 서비스 장애가 더 많은 서비스로 전파됩니다.
동기적으로 처리할 경우 커플링이 높아집니다.
관련 서비스가 추가되고 변경될 때마다 어플리케이션을 변경해야 합니다.

#aws #amazon sns #amazon mq #amazon eventbridge #amazon sqs #한국어블로그 #aws summit online korea 2020

56/5000 적절한 애플리케이션 통합 서비스를 선택하고 사용하는 방법

안녕하세요! Classmethod 주식회사 신입 엔지니어 이병현이라고 합니다!

이번 AWS Summit Online Korea 2020의 세션을 들으면서 내용을 정리해보았습니다.

제가 정리한 세션은 김성진님 (솔루션즈 아키텍트, AWS) 의 이벤트 드리븐 아키텍처 구축을 위한 적절한 어플리케이션 통합 서비스 선택 및 사용 방법 입니다.

어떤 세션인지

이벤트 드리븐 아키텍처를 위한 어플리케이션 통합서비스 소개입니다.
어플리케이션 통합방법에 대해 알아봅니다.

이벤트 드리븐 아키텍처

동기적 처리

하나의 서비스 장애가 더 많은 서비스로 전파됩니다.
동기적으로 처리할 경우 커플링이 높아집니다.
관련 서비스가 추가되고 변경될 때마다 어플리케이션을 변경해야 합니다.

#aws #amazon sns #amazon mq #amazon eventbridge #amazon sqs #한국어블로그 #aws summit online korea 2020

Kevon Krajcik

1661544360

Docker Registry UI: The Simplest and Most Complete UI

title: Docker Registry User Interface

Docker Registry UI

Overview

This project aims to provide a simple and complete user interface for your private docker registry. You have the choice between two versions, the standard interface (joxit/docker-registry-ui:latest) and the static interface (joxit/docker-registry-ui:static).

In the standard interface, there is no default registry, you need to add your own within the UI. With this version, you can manage more than one registry server but all the environment variables will be unavailable. All registries will be stored in the local storage of your browser. No configuration is needed when you launch the UI.

In the static interface, it will connect to a single registry and will not change. The configuration is done at the start of the interface, when you use the docker images whose tags contain the static keyword. With this version, you can manage only one registry and all environment variables will be available.

This web user interface uses Riot the react-like user interface micro-library and riot-mui components.

Project Page, Live Demo, Examples

preview

Features

List all your repositories/images.
List all tags for a image.
Sort the tag list with number compatibility (see #46).
Use a secured docker registry.
Display image size (see #30).
Multi arch supports, Alpine and Debian based images with supports for arm32v7 and arm64v8.
Copy docker pull command to clipboard (see #42).
Show sha256 for specific tag (hover image tag).
Display image creation date (see #49)
Display image history (see #58 & #61).
Image aggregation (see #56).
Display image/tag count (see #56 issue comment).
Select multiple tags to delete (see #29).
Select all tags with ALT + Click to delete (see #80).
One interface for many registries standard interface.
Share your docker registry with query parameter url (e.g. https://joxit.dev/docker-registry-ui/demo?url=https://registry.example.com) standard interface.
Use joxit/docker-registry-ui:static as reverse proxy (with REGISTRY_URL environment variable) to your docker registry (This will avoid CORS) static interface.
Add Title when using REGISTRY_URL (see #28) static interface.
Customise docker pull command on static registry UI (see #71) static interface.
Add custom header via environment variable and file via NGINX_PROXY_HEADER_* (see #89) static interface
Show/Hide content digest in taglist via SHOW_CONTENT_DIGEST (values are: [true, false], default: true) (see #126) static interface.
Limit the number of elements in the image list via CATALOG_ELEMENTS_LIMIT (see #127) static interface.
Multi arch support in history page (see #130 and #134)

FAQ

What is the difference between joxit/docker-registry-ui:latest and joxit/docker-registry-ui:static tags ?
- The latest tag was the first version of the project, one UI for many docker registries. The static tag allows you to have an interface for a single registry and also allows you select your features.
Why, when I delete all tags of an image, the image is still in the UI ?
- This is a limitation of docker registry, the garbage collector don't remove empty images. If you want to delete dangling images, you will need to delete the folder in your registry data. (see #77)
Why the image size in the UI is not the same as displayed during docker images ?
- The UI displays the compressed size of the image and not the extracted size version.
Can I use HTTPS on the UI ?
- Yes, put your favourite reverse proxy on the front of the UI. Your reverse proxy will take care of HTTPS connection.
Does the UI support authentication ?
- Yes, but it supports only basic auth. It's a simple standalone frontend, it will use your browser window for authentication.
Can I use the UI and docker client with an insecure registry (registry url without https) ?
- Yes you can, you must first configure your docker client. (see #76)
What does Mixed Content error mean ?
- This means you are using a UI with HTTPS and your registry is using HTTP (unsecured). When you are on a HTTPS site, you can't get HTTP content. Upgrade you registry with a HTTPS connection.
Why the default nginx Host is set to $http_host ?
- This fixes the issue #88. More about this in #113.
Why DELETE fails with 401 status code (using Basic Auth) ?
- This is caused by a bug in docker registry, I suggest to have your UI on the same domain than your registry e.g. registry.example.com/ui/. (see #104).
Can I use the docker registry ui as a standalone application (with Electron) ?
- Yes, check out the example here. (see #129)
I deleted images through the UI, but they are still present on the server. How can I delete them?
- When you delete an image with the UI, only the reference is deleted and not the content. To remove dangling images, you need to run the garbage collector of the registry with the command registry garbage-collect config.yml or docker exec registry registry garbage-collect config.yml. (see #77 #147)
Why when I delete one tag, all tags with the same SHA are deleted ?
- This a docker registry API limitation, there is only one way to delete images with tag, it's by its name and its manifest (it's a sha of the content). So when you delete a tag, this will delete all tags of this image with the same SHA/manifest.

Need more informations ? Try my examples or open an issue.

Getting Started

The docker image contains the source code and nginx in order to serve the docker-registry-ui. Please remember the difference between the standard interface (latest tag) and static interface (static tags).

Run the standard interface

You can run the standard interface see the website on your 80 port. You will be able to use the interface for many registry servers, but all the configuration via environment variables from the static interface will be unavailable.

docker run -d -p 80:80 joxit/docker-registry-ui:latest

Run the static interface

Some env options are available for use this interface for only one server.

URL: set the static URL to use (You will need CORS configuration). Example: http://127.0.0.1:5000. (Required)
REGISTRY_URL: your docker registry URL to contact (CORS configuration is not needed). Example: http://my-docker-container:5000. (Can't be used with URL, since 0.3.2).
DELETE_IMAGES: if this variable is empty or false, delete feature is deactivated. It is activated otherwise.
REGISTRY_TITLE: Set a custom title for your user interface when using REGISTRY_URL (since 0.3.4).
PULL_URL: Set a custom url for the docker pull command, this is useful when you use REGISTRY_URL and your registry is on a different host (since 1.1.0).
NGINX_PROXY_HEADER_*: Set custom headers for your docker registry, usefull when you want to add your credentials. (Can be use only with REGISTRY_URL).
SHOW_CONTENT_DIGEST: Show content digest in docker tag list. Default: true.
CATALOG_ELEMENTS_LIMIT: Limit the number of elements in the catalog page. Default: 100000.

Example with URL option.

docker run -d -p 80:80 -e URL=http://127.0.0.1:5000 -e DELETE_IMAGES=true joxit/docker-registry-ui:static

Example with REGISTRY_URL, this will add a proxy to your registry. Your registry will be accessible here : http://127.0.0.1/v2, this will avoid CORS errors (see #25). Be careful, joxit/docker-registry-ui and registry:2 will communicate, both containers should be in the same network or use your private IP.

docker network create registry-ui-net
docker run -d --net registry-ui-net --name registry-srv registry:2
docker run -d --net registry-ui-net -p 80:80 -e REGISTRY_URL=http://registry-srv:5000 -e DELETE_IMAGES=true -e REGISTRY_TITLE="My registry" joxit/docker-registry-ui:static

There are some examples with docker-compose and docker-registry-ui as proxy here or docker-registry-ui as standalone here.

Using CORS

Your server should be configured to accept CORS.

If your docker registry does not need credentials, you will need to send this HEADER:

Access-Control-Allow-Origin: ['*']

If your docker registry need credentials, you will need to send these HEADERS:

http:
  headers:
    Access-Control-Allow-Origin: ['<your docker-registry-ui url>']
    Access-Control-Allow-Credentials: [true]
    Access-Control-Allow-Headers: ['Authorization', 'Accept']
    Access-Control-Allow-Methods: ['HEAD', 'GET', 'OPTIONS'] # Optional

An alternative for CORS issues is a plugin on your browser, more info here (thank you xmontero).

Using delete

For deleting images, you need to activate the delete feature in your registry:

storage:
    delete:
      enabled: true

And you need to add these HEADERS:

http:
  headers:
    Access-Control-Allow-Methods: ['HEAD', 'GET', 'OPTIONS', 'DELETE']
    Access-Control-Expose-Headers: ['Docker-Content-Digest']

If you are running the static interface don't forget the environment variable DELETE_IMAGES.

Registry example

Example of docker registry configuration file:

version: 0.1
log:
  fields:
    service: registry
storage:
  delete:
    enabled: true
  cache:
    blobdescriptor: inmemory
  filesystem:
    rootdirectory: /var/lib/registry
http:
  addr: :5000
  headers:
    X-Content-Type-Options: [nosniff]
    Access-Control-Allow-Origin: ['http://127.0.0.1:8001']
    Access-Control-Allow-Methods: ['HEAD', 'GET', 'OPTIONS', 'DELETE']
    Access-Control-Allow-Headers: ['Authorization', 'Accept']
    Access-Control-Max-Age: [1728000]
    Access-Control-Allow-Credentials: [true]
    Access-Control-Expose-Headers: ['Docker-Content-Digest']
auth:
  htpasswd:
    realm: basic-realm
    path: /etc/docker/registry/htpasswd

Standalone Application

If you do not want to install the docker-registry-ui on your server, you may check out the Electron standalone application.

All examples

Download Details:

Author: Joxit
Source code: https://github.com/Joxit/docker-registry-ui
License: AGPL-3.0 license
#docker

Gavin Sserubiri

1619691600

Latest CSS News - Talk.CSS #56

#css #cssnew #cssnews ##56 #talk.css

배 은주

1596313500

jQuery / HTML 문서와 연결하는 방법, 사용하는 방법

HTML 문서와 연결하기

CDN 이용하기

HTML 문서에 다음 코드를 추가합니다.

<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>

3.3.1은 버전입니다. 다른 버전을 사용하고 싶다면 숫자를 변경합니다.

다운로드 받아 연결하기

jQuery 다운로드는 여기에서 합니다. 압축된 파일도 있고, 압축되지 않은 파일도 있습니다. 그리고 HTML 문서에 다음 코드를 추가합니다.

<script src="path/jquery-3.3.1.min.js"></script>

path와 파일 이름은 적절히 변경합니다.

jQuery 사용하기

다음은 ID가 jb인 h1 요소의 색을 빨간색으로 바꾸는 예제입니다.

<!doctype html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<title>jQuery</title>
	</head>
	<body>
		<h1 id="jb">Lorem Ipsum Dolor</h1>
		<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
		<script>
			$( '#jb' ).css( 'color', 'red' );
		</script>
	</body>
</html>

#jquery #html

Trace Hoeger

1620050040

Introducing :is() and :where() - Talk.CSS #56

After many years, we’re finally close to using :is() and :where() to simplify our selectors everywhere. Daniel shares what these pseudo-classes are all about.

#talk.css #56 #talk.css

56/5000 적절한 애플리케이션 통합 서비스를 선택하고 사용하는 방법

어떤 세션인지

이벤트 드리븐 아키텍처

동기적 처리

What is GEEK

Buddha Community

56/5000 적절한 애플리케이션 통합 서비스를 선택하고 사용하는 방법

어떤 세션인지

이벤트 드리븐 아키텍처

동기적 처리

Docker Registry UI: The Simplest and Most Complete UI

title: Docker Registry User Interface

Overview

Project Page, Live Demo, Examples

Features

FAQ

Getting Started

Run the standard interface

Run the static interface

Using CORS

Using delete

Registry example

Standalone Application

All examples

Download Details:

Latest CSS News - Talk.CSS #56

jQuery / HTML 문서와 연결하는 방법, 사용하는 방법

HTML 문서와 연결하기

CDN 이용하기

다운로드 받아 연결하기

jQuery 사용하기

Introducing :is() and :where() - Talk.CSS #56