私たちがやるべきことの最初のことは、ヘロクドットコムに行きます。
あなたはドットコムです。
そして我々はサインアップするつもりです。
だから私は私の名前のEメールでサインアップするつもりです。
実際の電子メールをここに入れる必要があります。とにかく、あるものについては、その電子メールの確認を送信する必要があります。その電子メールを確認する必要がありますが、何らかの理由で更新があるいくつかの奇妙な事故Herokuサーバーが落雷などで殴られる。
あなたは何が起こっているかについての最新情報を得るでしょう。
だから私たちの会社名。
私はWeb Dev Bootcampと言うでしょう。
あなたは何も置く必要はありません。
それは実際に違いを生むつもりはありませんが、Jを入れません。 S. 無料のアカウントを作成し、あなたの電子メールを確認し、あなたのアカウントを確認してください。
大丈夫。
だから一度それを行うと、あなたはリンクをクリックするように尋ねられ、あなたはパスワードを作成するように求められますパスワードを確認します。
そしてあなたのアカウントの作成が終わったら、Herokuのダッシュボードに行くはずです。
そして、これはあなたが展開したアプリケーションを見ることができる場所になるでしょう。
あなたは、あなたが他人であるかのように、それらをオンまたはオフにすることができます。
また、設定する必要のあるその他のものや、セキュリティ上の問題については許可が必要です。
これはあなたが彼女の上に置く必要があるすべてのアプリケーションのためのあなたのホームベースです。
OK。
だから私たちは実際にはここから遠ざかります。
しかし、あなたが周りを突くしたい場合は、見てみましょう。
彼らには始まりの良い人がいます。
だから、ノードガイドを使い始めるのをクリックすると、ここを通過するステップが表示されます。
それで私はこれを参考にします。
しかし、あなたはあなたが何をする必要があるかを見るためにこのビデオを見ることもできます。
だからここで話題となっているのは、Heroku
toolbeltをダウンロードしてインストールすることです。
クラウド9を使用しているため、実際にはこれを使用する必要はありません。
それで、それはプレインストールされています。
ごめんなさい。
私たちはそれを使う必要があります。
私たちはそれをダウンロードする必要はありません。
すみません。
それは私たちのためにあらかじめインストールされています。
したがって、クラウド9に行く場合、実際にできることは、正しいディレクトリにいることを確認してサーバーを停止することです。
すばらしいです。
ヘロクという言葉を入力するだけで、私たちはHerokuがインストールされており、クラウド9が無料で提供されていることを意味するもの以外の出力を得ることがわかります。
マシンでこれをやっている場合や、Cloud
9を使用していない場合は、もちろん正しいバージョンをダウンロードして指示に従うことができます。
だから最初にやってみたいことは、Herokuが言ったことに従ってください。これは、あなたがHerokuにサインアップしたあなたの電子メールを促すでしょう。
だからそれは一致しなければならないし、また、あなたのパスワードのためにプロンプ​​トをプライムし、あなたが入力していないように見えるだけでそれを隠す。
だから心配しないでください。
そこに行く。
認証が成功したことを確認したい。
だから私たちが今やったことは、基本的にはこのマシンでOKです。
このクラウド9ワークスペースは、基本的にはHerokuのHerokuスペースに統合する機能を追加するために動作します。私たちがやっていることは、このアプリケーションを送信してHerokuマシンにコピーすることだからです。
もちろん、私たちは誰もそれを私たちの口座に行かせたくありません。
私たちが認証したマシンでサインインしたのは、そうすることだけです。
OK。
それが最初のステップです。
次に行うべきことは、実際にこのディレクトリにgetを使用していることを確認することです。
ディレクトリ内では、プロジェクトの最上位ディレクトリが重要です。
このフォルダではなく、あなたのアプリケーションのJSEがあなたのパッケージに入っているディレクトリにあなたが行っていない他のプロジェクトがあるところでは、あなたはそれをしません。
Jasonはステータスを取得したいと思っています。私の場合は、良いリポジトリではありません。
だから私たちはそれを得るリポジトリにしたい。
私たちは、何をHerokuに送るべきかを決定するために良いことを使用します。私たちの場合、我々はアプリケーション全体を送るつもりです。
だから、リポジトリを初期化したら、先に進むべきファイルをOKに送ります。
それがすべてです。
だから、一度に1つずつ実行するだけです.ADDを取得します.Jasonのパッケージを追加して、ディレクトリ全体が行うビューを追加します。
コミットする。
また、最初のコメントをお伝えします。手順に戻ると、いくつかのことが表示されます。
ツールベルトを取り付けたら、をクリックします。
私はこのチュートリアルでこのデモアプリケーションをインストールしました。
私たちは既に1つを持っていますので、私はアプリのソースコードを複製したと言うことができます。
次のことは、Heroku createと呼ばれるコマンドを実行することです。
だから我々は先に進んでそれを行うことができます。
そしてそれがすることは、実際にはHeroku上のスペースを、このアプリケーションを使って寿司の領域であなたのために新しいアプリケーションを作り、リポジトリにすることです。
だから私は今すぐそれを実行するつもりです。
Herokuが作成して、私が最初に認証するように私に要求するだろうが、私がHerokuログインを実行しなかった場合にログインしていなければ、これは動作しません最初に見ることができますが、それは私に新しいアプリケーションを作り、ランダムな名前。
ヘロクは、これらの平和な禅の自然の名のためにかなり有名です。
彼らはこの無作為数でここにすべて無名で登場します。
また、アプリケーションのデプロイ先を知ることもできます。
これを変更することができます。
必要に応じて、あなた自身のHeroku appドットコムドメインを指定できるRokuドキュメントを見ることができます。
したがって、このデモアプリケーションがあるかどうかを確認したい場合。
1つの2つの3つのドットのHerokuアプリのドットコムは利用できますが、あなたはもちろんあなた自身のドメインを持つこともできます。
あなたがSalliドットコムを所有している場合、または雲は素晴らしいです。
私はあなたがRokuに配備されたアプリを配備できることを知っています。
あなたはそれがあなたのドメインで動作するように設定することができますが、あなたはまだそれをやっていません。
だからあなたはこのアプリケーションをまだ作成しています。このランダムなHokuを入手してください。私たちがそれを訪問すれば、あなたは新しいアプリケーションにこのデフォルトの歓迎を得るだけです。
このアプリに関連するコードはまだありません。
Herokuは、そこに空のアプリがあるアプリを作りたいと思っているだけです。
もう一つ起こったことは、Herokuと呼ばれるGetリポジトリにリモートを追加したことです。
だから、遠隔地のダッシュBを見てみると、ここにはHerokuというリモコンが追加されており、コードをプッシュすることができます。
これは本当に重要です。
これは基本的にコードを転送する方法です。
これが私がHerokuに伝える方法です。実行したいコードはここにあります。
だから私がヘロクに行くと、私はコマンドを実行します。
Herokuのマスターを押してください。
それは、私が追加してマスターの牧場でコミットしたコードをHerokuにプッシュすることになります。
この場合、それはすべてです。
繰り返しますが、たまに1つのことをすべてプッシュしたくない場合もあります。
おそらく、プロダクションサーバーに送信したくない新しいコードがあるかもしれませんが、この場合、すべてのコードが必要になります。
アプリは私たちが望むように動作しています。
だから私たちはすべてをプッシュするつもりです。
だから私はあなたがチュートリアルで見ることになる前にHerokuマスターをプッシュ取得します。
それを行う方法も教えています。
あなたがチュートリアルを見たり読んだりすることを好むなら、あなたはそれに従うことができます。
私たちは全く同じことをやっています。
だからHeroku Mを押してください。 OKを押すとエンターを押します。
私たちがやっていないことは、小さな問題を引き起こすことがあることを警告しますが、Herokuをデバッグするプロセスを示したいので、私はそれを意図的に行いました。
だから、私は入力を打つつもりだし、通常は特に大きなアプリではちょっとしたことがある。
ここではたくさんのことが起こっています。
通常、これはハブを取得するために押すだけでは発生しません。
これはすべてのHerokuの魔法です。
あなたは何が起こっているのかについて物語を読み返すことができます。
それは重要な依存関係のいくつかをインストールしたノードアプリかPineriesが依存関係をインストールし、JaisonというそのパッケージのためにEjayをインストールしたことが検出されたのを見てみましょう。
そして、これらは表現しているすべてのものがアプリケーションを構築し、それを起動したことに依存しています。
つまり、このアプリケーションはイラクに配備されているという。
だから私たちがURLリフレッシュを訪問すると、私たちのアプリを見たいと思うでしょう。
しかし、私たちが見るのはアプリケーションエラーです。
だから、これは本当に一般的な画面です。あなたがHerokuをデバッグしているときに、あなたが新しいアプリをそこに押し出しているときに始めているときです。
あなたのコードでエラーがあったり、何かがうまくいかないとどうなりますか？
それは物事のヘロク側にあるのか、ウェブインターフェース上にあるのでしょうか？それはエラーです。
彼らはあなたが明らかにそれをあなたのユーザーに明らかにしたくないので、特定のエラーメッセージをその詳細に入れません。
だから彼らは物事をできるだけ隠しておく。
彼らはアプリケーションのエラーを言うだけです。
しかし、何が起こるかは、コマンドラインのログにエラーメッセージを表示できる問題を表示できることです。
だから、我々はちょうどHerokuのログを入力し、私たちが上にスクロールするとここに多くのものを取得します。エラーがあり、ここでエラーが発生しました。
コマンドNPM
startでプロセスを開始すると、NPM開始コマンドにスクリプトの開始がないので、すべてのエラーや事象がクラッシュする原因になります。
もう一度私はあなたに実際に表示されたエラーメッセージを隠しているので、あなたが先に進むことができる方法を記録しています。しかし、あなたがそれを見ることはできません。
アプリがクラッシュしている場合、これはかなり一般的な画面です。
Herokuログと重要なコマンド。
しかし、矢印が言っているのは、私たちがスタートスクリプトを持っていないということです。
だから、起動スクリプトでは、Herokuに、アプリケーションを起動するためにどのコードを実行するかをサーバーに伝えます。
つまり、基本的にサーバーを起動するために行ってきたことです。
私たちはノードアプリケーションを実行しています。
はい、コードはもうここでは実行されていないため、実行できません。
この作業場では実行していません。
それがポイントです。
それはHerokuにある。
それで、開始スクリプトを与えます。
そこで、パッケージステージで曲を開き、スクリプトの中に入ります。
これはあなたが知っていると予想されるものではありません。
これは、新しい開始コロンであり、次にJの後のノードです。 S.
Herokuがやることは、我々がHerokuにコードをプッシュするときに、私たちが押すたびにすべての依存関係をインストールすることです。
したがって、私たちが追加してコミットした後に新しいバージョンのExpressにアップグレードして、Heroku上で自動的にNPMをインストールするHerokuマスターを取得して、新しいバージョンを入手し、NPMスタートを実行してここで実行します。
ノードapt。
はい。
だから今は私たちのマスターマスターの牧場は変わらないので、私たちはHerokuのマスターをプッシュすることはできません。
私たちは、私たちが今行った変更を追加してコミットしていません。
したがって、get statusと入力すると、Branch
maに表示されます。
ああ、私はファイルを保存していないので、それを行うだろう。
さて、私はそれをステータスにすると、Jasonという変更パッケージが表示されます。
だから我々はそれをコミットして追加したいと思います。
今は私たちがする必要があるのは、ロク君を押し寄せることだけです。
だから押してください。
彼女のマスターは、Jasonでテキストを取得するコードのどこにまで、そのプロセス全体を開始します。
これらの依存関係がインストールされ、最後に指定しなかったNPM startが実行されます。
アプリがクラッシュした
おっとっと！ ここでEnterを押すことを意味する。
それは少し時間がかかるでしょう。
それはHerokuにそれを押し進めています。それは、依存関係をインストールすることをインストールし、展開を確認す​​ることを開始することです。
さて、さあ、さっさと試してみましょう。
そしてそこに行く。
だから私たちは名前のないアプリケーションを実行していると私は言った6
4 4 9 8 dot Roku dotcomで私はルートをクリックして前後に行くことができます。
驚くばかり。
私が最後に表示することは、ダッシュボードに戻るとHerokuダッシュボードに表示されます。
ここでアプリケーションを表示します。
ああ、私に最初にログインさせるつもりです。
だからうまくいけば、ログインする必要はありません。
しかし、一度ログインすると、私が探しているものが見えます。
そして、あなたが見ることができるように、私たちの新しいアプリはここにあります。
どのくらいの頻度でそれにアクセスしたかについての情報をクリックすることができます。
所有者の貢献者である、これを展開して混乱させる権限を持つ人は誰ですか？
あらゆる種類の異なるもの。
私はこのすべてに入るつもりはない。
つまり、最初にアプリをリリースしたときに初期化したときに、プッシュまたはデプロイしたさまざまな時間をすべて見ることができます。
そして、これは、物事を設定したり、カスタムドメインのようなものを設定したり、アドオンを追加したりする場所です。
パウロがここで言いましたのは、今、無料のヘロク計画を使っているということです。
彼らがお金を稼ぐ場所に関連付けられているクレジットカードはありませんが、あなたがアップグレードしようとしているユーザーが増えたら、ここをクリックしてください。
趣味にアップグレードし、趣味をクリックすることができますか、または専門家に行くことができるので、趣味の開始を月に7ドルで見ることができます。
だからそれは絶対に価値がある。
もしあなたがあなたとあなたのアプリケーションのためにもっと多くの人々を抱え始めようとしているのであれば、ポートフォリオプロジェクトのように無料でさえもうまく動作するか、そうでない限り会社に送る予定のもの1日に何千ものヒットを知っていると予想しています。
OK。
だからこそ、ここのヘロクにあるのです。
私はそれを要約したいと思います。
ですから、このプロセスをもう一度行ってアプリケーションを更新しましょう。
私はホームページを更新して、それにイメージがあり、ここにイメージがあるようにしたいと思う。
それは私がそれについて考えなかった大きなものです。
これは私が最近撮ったイメージですが、私は側面の写真を学んでいます。
ですから、ソースが巨大なソースと同じであることを望むイメージを自由に使用してください。
ローカルでテストしましょう。
だからノードアプリJuliusリフレッシュ。
ワオ。
イメージを取得する。
しかし、それはいいです。
それはHeroku上でローカルで正常に動作していますが、その変更は本質的にリンクされていないためです。
私たちはヘロクに押しつけたいものを選択しなければなりません。そしてそれが本当にポイントです。
私たちは、新しいものを試してみるために間違って遊ぶためのワークスペースを持っています。それを実際のアプリに組み込んで取り入れるには、それらをHerokuにプッシュすることができます。
しかし、Herokuは常に最後の安定したビルドでなければなりません。
あなたが行く前に最後に働いたことが、何かをぶち壊してしまった。
OKだから私がする必要があるのは、その変更を追加する必要があるステータスを取得することですブリッジの画像を追加し、Herokuマスターをプッシュ取得します。
そのワークフローは本当に一般的です。
私たちが最初に行ったことは、実際にはワークフローの一部ではありませんが、最初に、リポジトリを取得してからHerokuを作成してから作成したら、追加することを確認することですあなたがHerokuに行きたいものすべてをコミットして、Herokuのマスターをプッシュしてから、それを変更または更新するといつでも同じプロセスが広告を取得します。HerokuアプリケーションでHerokuマスターリフレッシュを取得します。 。
驚くばかり。
大丈夫。
次のビデオでは、少し複雑なデータベースを使ってより複雑な実質的なアプリケーションを配備する方法を見ていきます。
残念ながら