Skip to main content

Deploy angular.js app in heroku with yeoman

[ Deploy angular.js app in heroku with yeoman ]

- service url :
http://sheepweb.herokuapp.com/
- source :
- server side : https://github.com/doohee323/sheepshare
- front-end : https://github.com/doohee323/sheepweb
ㅇ Prerequites - npm installation - heroku opening https://www.heroku.com/ - git installation 1. app create mkdir yotest cd yotest yo Run the Angular generator > all enter keys 1.1 check the service grunt server 2. heroku deploy configuration yo Run the Heroku generator cd git-subtree sudo ./install.sh [?] Do you want a separate git repository in dist/? (Y/n) n => copying the content in the copy / dist section
vi Gruntfile.js and paste the clipboard to copy / dist section.
like below, }, { expand: true, cwd: '.tmp/images', dest: '<%= yeoman.dist %>/images', src: [ 'generated/*' ] }, { expand: true, dest: '<%= yeoman.dist %>', cwd: 'heroku', src: '*', rename: function (dest, src) { var path = require('path'); if (src === 'distpackage.json') { return path.join(dest, 'package.json'); } return path.join(dest, src); } }] }, styles: { expand: true, grunt test grunt build grunt server

3. commit to heroku
remove dist in .gitignore heroku login heroku apps:create heroku apps
heroku apps:rename yotest --app evening-journey-8541
git init git add . git commit -m "go to heroku" heroku git:remote -a yotest git remote -v git subtree push --prefix dist heroku master

4. open app heroku open

5. after app modification
grunt build

git add .
git commit -m ‘aaaa’
git subtree push --prefix dist heroku master

* other things
ㅇ install generator-heroku in yo [?] What would you like to do? Install a generator [?] Search NPM for generators: heroku [?] Here's what I found. Install one? generator-heroku sudo npm install generator-heroku
ㅇ create ssh key ssh-keygen -t rsa heroku keys:add heroku keys (check out keys)
ㅇ install git-subtree git clone https://github.com/apenwarr/git-subtree.git (sudo cp git-subtree.sh "$(git --exec-path)"/git-subtree)
* reference : http://www.youtube.com/watch?v=1IoqgkcUbck&feature=youtu.be



Comments

Popular posts from this blog

Install CoreOs on linode without VM

Install CoreOs on linode without VM 1. Add a Linode 2. Create a new Disk   CoreOS 3. Rescue > Reboot into Rescue Mode 4. Remote Access   Launch Lish Console 5. make an install script cat <<'EOF1' > install.sh # add needed package sudo apt-get update sudo apt-get install -y curl wget whois sudo apt-get install -y ca-certificates #sudo apt-get install gawk -y # get discovery url discoveryUrl=`curl https://discovery.etcd.io/new` # write cloud-config.yml cat <<EOF2 > cloud-config.yml #cloud-config users:   - name: core     groups:       - sudo       - docker coreos:   etcd:     name: node01     discovery: $discoveryUrl hostname: node01 EOF2 # get the coreos installation script #wget https://raw.github.com/coreos/init/master/bin/coreos-install wget https://raw.githubusercontent.com/coreos/init/master/bin/coreos-install # run installation chmod 75...

Amazon RDS Blue/Green Deployments

In order to avoid some errors I experienced when proceeding as described in the official documentation, I describe what I did in order. 1) Modify parameters of source_database * error: Blue Green Deployments requires cluster parameter group has binlog enabled. RDS Parameter groups: source-params-group binlog_format => MIXED mysql> show global variables like 'binlog_format'; 2) Insert a row after rebooting the source database, to avoid this error. * error: Correct the replication errors and then switch over. Read Replica Replication Error - IOError: 1236, reason: Got fatal error 1236 from master when reading data from binary log: 'Could not find first log file name in binary log index file' => To Fix: You need to change the data in the source database. INSERT INTO dummy_table ( `favorite_id` , `favorite_order` , `user_id` , `board_id` ) VALUES ('100001', '1', '11111', '11111'); 3) Modify the param...

실리콘밸리 구직 체험기2_201505 - 3. 새로운 위기

실리콘밸리 구직 체험기2_201505 - 3. 새로운 위기 우리는 지난 1년간 lockscreen app과 messenger app을 만들었습니다. 나는 backend restful API를 만들고 cms를 node.js, angular.js로 만들었다. 또한 AWS 인스턴스를 관리했습니다. 마지막 몇달 동안 기존 lockscreen 앱과 CMS 관리 대신에 메신저 앱에 집중했습니다. 한국에서는 매출과 이익을 내지 않으면 투자를 받을 수 없는 환경이지만 매출 없이 유저수 증가에만 집중하는 모습이 참 생소했습니다. 우리는 사용자의 행태를 확인하기 위해서 BI툴을 이용해서 사용자 수와 retention rate 등을 추적하고 새로운 기능에 대해 사용자의 반응을 점검하면서 기획을 수시로 바꿨습니다. 많은 기능을 새로 만들고 ab test를 통해서 또 많이 폐기 했다. 실제 만든 기능 중에 절반 이상은 버려 졌습니다. locket앱은 2014년 google store의 베스트 앱으로 선정되기도 했다. 그러나 사실 이 시점에 이미 우리는 메신저 앱에 올인 하고 있었습니다. https://www.facebook.com/photo.php?fbid=10204452594066393&set=a.2225490048257.118046.1577949323&type=1 우리가 만든 메신저 앱은 초반의 반응이 워낙 좋아서 정체되었던 lockscreen 유저수를 단번에 따라 잡았습니다. 특히 Retention Rate 이 좋아서 사용자들의 제대로 사용하고 있다고 생각했습니다. 잠깐이지만 google play 에 featured 되고, 인도에 가입 지원을 했을 때 사용자 수가 급증하기도 했습니다. https://www.facebook.com/photo.php?fbid=10204901853057587&set=a.2225490048257.118046.1577949323&type=1 그 시...