기본 콘텐츠로 건너뛰기

탄력받은 김에 socketcluster 호스팅 서비스인 baasil.io 도 써보았다.

한달 무료 플랜이 있어서 광속가입.
나는야 시스템 어드민이기 때문에 유저따윈 얼마든지 만들 수 있다.

철자가 좀 헷깔린다. baasil.io다. 다소 웹페이지가 엉성한 느낌은 있다.
이런건 망하기 전에 잽싸게 빨대 꽂는 것이 인지상정.

아마도 대부분 유료를 겁내고 자신의 계정이 한달짜리 트라이얼로 소모되는게 아까우실거라고 생각하여 대신 가입해봄 -_-)v

가입 후 Email validation을 하고 나면
어서와. 소켓클러스터는 처음이지?

매우매우매우 심플하다.
Baasil.io manages your real-time infrastructure for you without compromising on flexibility. We provide you with a highly scalable, open source boilerplate (SCC) which you can modify as you like and then deploy to your own Kubernetes environment/cluster using a single command. The boilerplate we provide is designed to scale seamlessly across up to 1000 machines/hosts.
For the standard plan, Baasil.io gives you an isolated environment on a shared Rancher control panel. This setup is ideal if you have a relatively small number of machines (e.g. 1 to 20 hosts in your cluster) and are happy to look after your cluster using Rancher. If you would like to support more than 20 machines, want a completely hands-off experience when it comes to your infrastructure, or want your own dedicated Rancher control panel - We can make it happen with our flexible enterprise plan. If you would like to updgrade to the enterprise plan, you can contact us here.
You need to link your Baasil.io account to a valid GitHub account here before you can create your Rancher environment/cluster.
라고 한다.
Rancher라는 걸 쓰려면 깃허브 계정과 연동하라고 하는데 일단 패스
Try It을 보니
서비스키!! 키를 내놓으라!

오호. 서비스 키라는 걸 제공. 클라이언트 사이드에서 사용할 수 있다.
근데 크롬에서 개발자 콘솔 여는 단축키는 Cmd + Shift + J on OSX 아니야. Cmd + Option + J 라구!
<script src="https://baasil.io/socketcluster.js"></script>
요렇게 클라이언트에 붙이고
var socket = socketCluster.connect({
    query: {
      serviceKey: '섭수키:main'
    },
    channelPrefix: '섭수키:main#',
    hostname: 'service.baasil.io',
    port: 443,
    secure: true
  });
이렇게 접속해서

Subscribe
var myChannel = socket.subscribe('my-channel-name');
Watch
myChannel.watch(function (data) {
    // Handle incoming channel data here. You can set up multiple watchers per channel.
    console.log('myChannel data:', data);
  });
Unwatch
// The handler argument is optional (a function) - If not provided, it will unbind all watchers.
  myChannel.unwatch(handler);
Publish
myChannel.publish({foo: 'This is some JSON data'}, function (err) {
    // Callback to indicate whether or not publish was successful.
  });
Unsubscribe

myChannel.unsubscribe();
Check channel subscription state

myChannel.state // Can be 'unsubscribed', 'subscribed' or 'pending'
Check socket connection state
socket.state // Can be 'open', 'connecting' or 'closed'
Other useful operations...
Get array of watchers
// Get array of functions which are watching that channel.
  myChannel.watchers();
Subscribe again...
// Subscribe to a channel which was previously unsubscribed.
  myChannel.subscribe();
Get channel reference from socket
// This will not create any new subscriptions - Just get a channel reference.
  var myChannel = socket.channel('my-channel-name');
Get list of all subscribed channels
// Returns an array of channel names which are currently subscribed.
  // If the second argument is true, it will include channels which are pending subscription.
  socket.subscriptions('my-channel-name', true);
꿀팁을 마구 대방출.
뭐 이것만 알면 되겠네.
세상 참 좋구만.

그 다음은 https://docs.baasil.io/ 를 보고 CLI 도 설치해본다.
npm install -g baasil
설치 끗.
하나 만들어 봐야지. 그전에 docker가 있어야 하니 꼭 체크하고.
baasil create jwaujijangjiji 
해보니
Creating app structure...
[Success] Baasil.io app '/Users/spectrum/Documents/js/_app/jwaujijangjiji' was setup successfully.
끗.
node.js 가 그렇지 뭐;
실행해보자.
$ cd jwaujijangjiji
$ baasil run
Unable to find image 'socketcluster/socketcluster:v5.1.2' locally
v5.1.2: Pulling from socketcluster/socketcluster
5c90d4a2d1a8: Pull complete
ab30c63719b1: Pull complete
29d0bc1e8c52: Pull complete
f222342d2902: Pull complete
27808f091869: Pull complete
a5f3825caa0a: Pull complete
Digest: sha256:d466ab21339117e03aad3f97583cdb3320a4520f3d515f8dd6c1bfd19dba1c75
Status: Downloaded newer image for socketcluster/socketcluster:v5.1.2
2c597396d46e4c60348b5abfea8bc95bf099b1be0f9c9313c21859ff386d481e
[Success] App 'baasil01' is running at http://localhost:8000
docker 리파지터리에서 socketcluster 이미지를 땡겨온 다음 8000로 실행한다.
아주 좋아!
baasil --help
Usage: baasil [options] [command]
Options:
  -v            Get the version of the current Baasil.io installation
  --help        Get info on how to use this command
  --force       Force all necessary directory modifications without prompts
Commands:
  create <app-name>             Create a new boilerplate SCC app in working directory
  run <path>                    Run app at path inside container on your local machine
  restart <app-path-or-name>    Restart an app with the specified name
  stop <app-path-or-name>       Stop an app with the specified name
  list                          List all running Docker containers on your local machine
  logs <app-path-or-name>       Get logs for the app with the specified name
  deploy <app-path>             Deploy app at path to your Baasil.io cluster
  deploy-update <app-path>      Deploy update to app which was previously deployed
  undeploy <app-path>           Shutdown all core app services running on your cluster
맨드 라인 내용을 보니 대략 이렇다.
필요한 것만 딱 들어있네.
공통인 부분은 죄다 제외하고 서버 사이드엔 worker.js 와 package.json 나머지 client는 public안에 다 몰아놓았다.
안그래도 간단한데 더욱 간단하다.
docker와 kurbernate가 세상을 정말 많이 바꿨구나. 이젠 이런게 아무렇지도 않군.

다짜고짜 deploy 때려보자.
dockerhub 계정을 요구한다.
만들어만들어~
$ baasil deploy
? Enter your DockerHub username: bsio20161210
? Enter your DockerHub password: *********
? Enter the number of workers for each SocketCluster instance (Default: 1): 4
? Enter the number of brokers for each SocketCluster instance (Default: 1):
? Enter the Docker image name without the version tag (Or press enter for default: bsio20161210/
baasil01):
? Enter the Docker version tag for this deployment (Default: v1.0.0):
Sending build context to Docker daemon 228.9 kB
Step 1 : FROM node:6.3.0-slim
6.3.0-slim: Pulling from library/node

worker는 4개!
[Error] Failed to deploy the 'baasil01' app. Command failed: kubectl create -f /Users/spectrum/Documents/js/_app/csjBootstrap/baasil01/kubernetes/scc-broker-deployment.yaml
실패한다.
쩝, github 연동 먼저 해야지.

https://baasil.io/#!/dashboard?main-tab=account 에서 github account 넣어주고
https://baasil.io/#!/dashboard?main-tab=infrastructure 로 돌아오면 Rancher 생성이 활성화 된다.

TADA!
지금부터 대쉬보드인가!
생성생성

좋다. host 생성하자.
이것저것 눌러보자. 음... 잘만들었네.
EC2나 Azure는 쓰지 않는다. Custom으로 ㄱ

잘모르니까 디폴트.
5번에 Copy, paste, and run the command below to register the host with Rancher: 부분 아래에 있는 명령을 복사해서 터미널에 붙여넣자.

Unable to find image 'rancher/agent:v1.0.2' locally
v1.0.2: Pulling from rancher/agent
5a132a7e7af1: Pull complete 
fd2731e4c50c: Pull complete 
28a2f68d1120: Pull complete 
a3ed95caeb02: Pull complete 
7fa4fac65171: Pull complete 
33de63de5fdb: Pull complete 
d00b3b942272: Pull complete 
Digest: sha256:b0b532d1e891534779d0eb1a01a5717ebfff9ac024db4412ead87d834ba92544
Status: Downloaded newer image for rancher/agent:v1.0.2
5cc13082b79f9b58a488c456fdd1500de6b7f9450bd6ab42aa89517088c61336
docker: Error response from daemon: Mounts denied: 
The path /var/lib/rancher
is not shared from OS X and is not known to Docker.
You can configure shared paths from Docker -> Preferences... -> File Sharing.
See https://docs.docker.com/docker-for-mac/osxfs/#namespaces for more info.
..
오류가 나는데
sudo docker run -d --privileged -v /var/run/docker.sock:/var/run/docker.sock -v /var/lib/rancher:/var/lib/rancher rancher/agent:v1.0.2 https://localhost:8000/v1/scripts/ㅌㅌㅌㅌㅌㅌㅌㅌㅌㅌㅌㅌㅌㅌㅌ:ㅌㅌㅌㅌㅌㅌㅌㅌㅌㅌㅌㅌㅌ
ㅉㅉㅉㅉㅉㅉㅉㅉㅉㅉㅉㅉㅉㅉㅉㅉㅈ
이런식으로 주소를 localhost기준으로 바꿔주자. 디폴트는 8000번 포트.

아으 여기까지 해봤는데 지친다.
local로만 해보고 이미지 떠서 다른데 호스팅 하는게 낫겠어. 귀찮네.

#짐싸자


이 블로그의 인기 게시물

vulcanJS - 10. Posts Update/Delete

마지막으로 수정과 삭제를 구현해보면 목록 조회(List), 상세 조회, 쓰기, 수정, 삭제까지 모든 필요한 요소를 아우를 수 있을 것이다.
감이 좋은 분들은 눈치 챘을지도 모르겠지만 사실 수정이란 건 UI면에서 볼때 이미 양식이 채워져있는 신규 쓰기와 별반 다르지 않다.

먼저 해야할 것은 역시나 Component를 만드는 일이다.
$ vulcan g component
? Package name spectrum-simplebb
? Component name PostsEditComponent
? Component type Class Component
? Register component Yes
   create packages/spectrum-simplebb/lib/components/PostsEditComponent.jsx
 conflict packages/spectrum-simplebb/lib/components/index.js
? Overwrite packages/spectrum-simplebb/lib/components/index.js? overwrite
    force packages/spectrum-simplebb/lib/components/index.js PostsEditComponent를 만들었다.
route도 만들자. /posts/edit/:id 이렇게 경로를 만들면 좋겠다. 그러고보니 이전 글에서 만든 상세보기도 /posts/view/:id 형식으로 만들껄 그랬다.
$ vulcan g route
? Package name spectrum-simplebb
? Route name postsEdit
? Route path /posts/edit/:_id
? Component name PostsEditComponent
? Layout name
 conflict packages/spectrum-simplebb/lib/modules/routes.js
? Overwrite packages/spectrum-simplebb/lib/modules/routes.js? overwrite
   …

VulcanJS 특징 번역

VulcanJS 특징http://docs.vulcanjs.org/features.html 의 내용입니다. GraphQL 스키마 생성 Vulcan은 SimpleSchema JSON 스키마를 기반으로 컬렉션의 GraphQL 스키마를 자동으로 생성합니다.
이렇게하면 두 가지 형식으로 스키마를 두 번 지정할 필요가 없습니다. 이 기능은 완전히 선택적이며 필요에 따라 수동으로 스키마를 지정할 수도 있습니다.

자동 생성 폼 Vulcan은 스키마를 사용하여 클라이언트 측 폼을 생성하고 적절한 Apollo Mutation을 통해 제출을 처리합니다.
예를 들어 하나의 동영상을 편집하기위한 양식을 표시하는 방법은 다음과 같습니다.
<VulcanForm
  collection={Movies}
  documentId={props.documentId}
  queryName="moviesListQuery"
  showRemove={true}
/> queryName 옵션은 작업이 완료되면 자동으로 업데이트되는 쿼리를 VulcanForm에 통지하는 한편, showRemove 옵션은 "Delete Movie' 버튼을 폼에 추가합니다.
VulcanForm 클라이언트 저장소에 아직 로드되지 않은 경우 수정할 문서를 읽어오기도 합니다.

쉬운 데이터 적재 Vulcan에는 Apollo 데이터를 쉽게 로드할 수 있도록 데이터 로딩 헬퍼 세트로 withList (복수 문서용)와 withDocument (단일 문서용)를 제공합니다.
예를 들어, withList를 사용하여 MoviesList 구성 요소에 모든 동영상을 포함하는 결과를 prop에 전달하는 방법은 다음과 같습니다.
const listOptions = {
  collection: Movies,
  queryName: 'moviesListQuery',
  fragment: fragment,
};
export default withList(listOptions)(MoviesList); …

vulcanJS - 1. vulcan-cli 설치하고 프로젝트 만들기

vulcanJS를 학습하면서 알아낸 점을 기록하는 의미의 튜토리얼을 써본다.

Telescope도 그랬지만 forum 형태의 예제에서 embedly를 사용하는 URL 요소가 글에 들어가는 점이나 일반인들에게는 익숙하지 않은 Markdown 문법 등을 걷어내고 최소형태에서부터 접근해야할 필요성을 느껴서 단순 post만 목록 열람하고 읽고 쓰는 구현을 해보기로 했다.

먼저, vulcanJS를 github를 통해 clone 하고 meteor create --package를 통해 만들수도 있지만 Vulcan-Cli(https://github.com/VulcanJS/vulcanjs-cli)가 있어서 이걸 일단 사용해보기로 한다.

대충 내용을 읽어보니 Rails 생각이 나기도 하고 재밌어 보인다.
npm install -g vulcanjs-cli 혹은 meteor 에서만 한다면
meteor npm install -g vulcanjs-cli 이런 식으로 설치하고 쓰면 된다.
npm 에 global로 설치한 첫번째 경우 기준으로 진행해보겠다.
설치하고 난 뒤 vulcan 을 실행해보면
$ vulcan
vulcan usage:
Synopsis
  vulcan <action> <object> <...>
    <action>   Operation to perform
    <object>   Asset type (contextual to action)
    <...>      Parameters. If not provided, interactively entered
Project initialisation
  vulcan create <appName>
  vulcan init <appName>
Assets creation
  vulcan (generate|g) package <packageName>
  vulcan (generate|g) model <packageName>…