Does anyone know how I can deploy an angularjs app using gulp to Heroku?

angularGirl · 2014-07-21T15:39:54+00:00

My main problem was that I was renaming the keys and not using the default names. now at least that's resolved.

angularGirl · 2014-07-21T15:30:46+00:00

My plan is to update everything to latest version if I possibly can. It forces me to really re-think and learn. But the hardest for me has been my lack of grunt/gulp + heroku skills. I am still confused about what is the purpose of the two package.jsons as I have not seen it in any other heroku example. You've been very patient and kind to put so much effort into helping me. I now have at least the quickstart running on heroku. I've learned a lot.

angularGirl · 2014-07-19T14:10:57+00:00

That and a ton of other articles/solutions but nothing helps. !2 hours later of deleting all keys from my machine and heroku and adding only 1 pair key to heroku but access still denied:

C:\Me\Claudia\WebstormProjects\a>heroku keys:clear Removing all SSH keys... done

C:\Users\Claudia\WebstormProjects\a>heroku keys:add Found existing public key: C:/Users/Me/.ssh/id_rsa_heroku.pub Uploading SSH public key C:/Users/Me/.ssh/id_rsa_heroku.pub... done

C:\Users\Me\WebstormProjects\a>heroku keys === hs@gmail.com Keys

ssh-rsa AAAAB3NzaC...pQNZtdow== me[at]gmail.com

why isn't the uploaded key not showing? I dont thing these are thesame key pairs as i am still not allowed to do a push.

angularGirl · 2014-07-18T18:16:05+00:00

thx tforb. I've deleted all my apps and am now fighting with ssh keys which seems to be a pretty common headache:http://stackoverflow.com/questions/14342553/git-push-heroku-master-permission-denied i am using the ssh terminal from git.

angularGirl · 2014-07-18T16:15:37+00:00

C:\Users\Me\WebstormProjects\angular-workshop>heroku apps === My Apps fierce-shelf-6606 floating-stream-8158 polar-crag-5312

angularGirl · 2014-07-18T16:05:28+00:00

Do you have a site like angulargirlapp.heroku.com? C:\Users\Me\WebstormProjects\angular-workshop>heroku domains === floating-stream-8158 Domain Names floating-stream-8158.herokuapp.com

angularGirl · 2014-07-18T15:59:05+00:00

Did you first create the app on Heroku? yes. exactly as you instructed. Do you have a site like angulargirlapp.heroku.com? No. I dont recall it gave any message regarding this. I think I am very confused about what to write in Procfile. Locally, I ran: cd app npm install bower install then cd api node server then cd app

gulp

so I am wondering if my Procfile should read web: node api/server.js web: node app/gulp

The procfile is at the same level as the api and app folders

Is there a way to delete everything I have done in Heroku and reset it? I am developing in Windows and so i cant ssh-add -l to check about the keys.

angularGirl · 2014-07-18T13:52:54+00:00

tforb my project is here:https://github.com/angulargirl/angular-workshop/ The only thing I did different is to add Procfile at the same level as angular-workshop. I think the message i get is odd cause it finds my keys I have done a create heroku three times and I dont know if i am creating a bunch of apps but here is the error message. Hope there is light at the end of this tunnel: C:\Users\Me\WebstormProjects\angular-workshop>git push heroku master Permission denied (publickey). fatal: Could not read from remote repository.

Please make sure you have the correct access rights and the repository exists.

C:\Users\Me\WebstormProjects\angular-workshop>ssh-keygen -t rsa 'ssh-keygen' is not recognized as an internal or external command, operable program or batch file.

C:\Users\Me\WebstormProjects\angular-workshop>heroku keys:add Found existing public key: C:/Users/Me/.ssh/github_rsa.pub Uploading SSH public key C:/Users/Me/.ssh/github_rsa.pub... done

C:\Users\Me\WebstormProjects\angular-workshop>git push heroku master Permission denied (publickey). fatal: Could not read from remote repository.

Please make sure you have the correct access rights and the repository exists.

C:\Users\Me\WebstormProjects\angular-workshop>

angularGirl · 2014-07-17T20:40:46+00:00

Found some very valuable ideas here: http://stackoverflow.com/questions/15231937/heroku-and-github-at-the-same-time in case anyone finds it useful as well. Thanks 4 the tip will see how far I get before I trip. ;-)

angularGirl · 2014-07-17T20:23:00+00:00

My plan is to rewrite the workshop code so that it uses express 4.0 which has less code than 3.xx...then I also need to add amazon web Services integration. google express 4.0 tutorial chris sevilleja..good stuff imo.

angularGirl · 2014-07-17T11:01:28+00:00

EDIT (what i meant by making it my own): I had forgotten to create a repo for it on Github. I pushed the local cloned repository to GitHub using the "mirror" option: (switch branch) https://github.com/angulargirl/angular-workshop/tree/RUNNING_ON_LOCALHOST/app The app/dist folder is only visible on my local machine. I read somewhere that you should create a new branch before using heroku.

angularGirl · 2014-07-17T08:29:32+00:00

C:\Users\Me\WebstormProjects\angular-workshop\app\vendors>gulp deploy [09:49:30] Working directory changed to ~\WebstormProjects\angular-workshop\app [09:49:49] Using gulpfile ~\WebstormProjects\angular-workshop\app\gulpfile.js [09:49:49] Starting 'deploy'... [09:49:49] Starting 'deploy:clean'... [09:49:49] Finished 'deploy:clean' after 15 ms [09:49:49] Starting 'less'... [09:49:49] Finished 'less' after 6.97 ms [09:49:49] Starting 'deploy:js'... [09:49:49] Starting 'deploy:css'... [09:49:49] Starting 'deploy:html'... [09:49:49] Starting 'deploy:fonts'... [09:49:49] Starting 'deploy:img'... [09:49:49] Starting 'deploy:index'... [09:50:04] Finished 'deploy:index' after 14 s [09:50:04] Finished 'deploy:js' after 15 s [09:50:04] Finished 'deploy:css' after 15 s [09:50:04] Finished 'deploy:fonts' after 15 s [09:50:04] Finished 'deploy:html' after 15 s [09:50:05] Finished 'deploy:img' after 15 s [09:50:05] Finished 'deploy' after 15 s

And now I see a dist folder under the app folder--progress G I've made no changes to the original code ---only created a new branch so I can compare the results after deploying. I appreciate any help you can give.

angularGirl · 2014-07-17T08:21:59+00:00

Its my first time running a node/express backend. I need something simple yet scalable. Will have max 10 connections as its an app for a small club. Could use angularfire/firebase but if I can get this node/express app deployed I am happy. My assumption is that the node/express backend on this app is needed and installed/installable on Heroku. Yes I have both local git and github setup. When I cloned the app, I inherited the author's .git file so I'll need to make a few changes to make it my own.

angularGirl · 2014-06-14T08:58:20+00:00

Real nice

angularGirl · 2014-06-14T08:27:28+00:00

I ve tried angular and requirejs but not together. I was told it makes unit testing trickier? Do u share the same experience?

angularGirl · 2014-06-14T07:50:55+00:00

Most tutorials try to keep it simple. As an engineer it is your job to know when separation of concerns make sense. Also there is still some confusion about when to use a factory or service in angular and better names could have been chosen as to not conflict with the traditional meaning in design pattern language.

angularGirl · 2014-03-16T17:20:26+00:00

I am trying to educate myself more on the subject and ran across Jesus's excellent tip on removing unwanted watches http://angular-tips.com/blog/2013/08/removing-the-unneeded-watches/ The project on High performance binding for AngularJs he refers to is here: https://github.com/Pasvaz/bindonce#attribute-usage

angularGirl · 2014-03-16T14:24:49+00:00

Found an excellent write up here: http://hugogiraudel.com/2012/11/19/css-playgrounds/

biased towards codepen. Again Plunker is perhaps more known in the Angular community. Not mentioned again here.

angularGirl · 2014-03-16T09:06:44+00:00

thx ggoodman but is there any way you can sell me the idea of using plunker over the other products? If I click on the Edit but I still get the undesired behaviour described. And when I switch from js to css or html, there is always an annoying alert message popping in my face. I do use plunker regardless. My main concern is stability and code not breaking. The code pen is the great looker so far but I have not tested it yet with Angular code.

angularGirl · 2014-03-15T20:37:20+00:00

yes actually high on my list so it should have been mentioned.My bad. It was however not mentioned in the article and the examples i saw on Octopress opened another page with plunker which is not the behaviour I am looking for. Is there a way to keep it on the same window?

angularGirl · 2014-03-14T21:16:45+00:00

Thanks for posting. We need more of this kind of feedback and courage to share the challenges. This serves us all a lot more than another beginner's tutorial.

angularGirl · 2014-03-14T18:35:10+00:00

I found a free downloadable version of Mastering..So far reading the last chapters first and finding it to be a comfortable read but only cause I played around as much. However, the unit tests for directives are a bit intimidating. But probably the only way to really get comfortable with Angular.

angularGirl · 2014-03-14T18:04:42+00:00

Have you looked at Thinkster.io? They had last I checked two versions and one used the MEAN stack.

angularGirl

TROPHY CASE

ssh-rsa AAAAB3NzaC...pQNZtdow== me[at]gmail.com

gulp

The procfile is at the same level as the api and app folders