Tamam, böylece yapacağımız ilk şey Heroku dot com'ya geçmek.
H com o, com nokta.
Ve biz kayıt yapacağız.
Bu yüzden ad e-postam ile kayıt yapacağım.
Burada gerçek bir e-posta koymanız gerekiyor ve zaten bir şey için e-posta onayını
gönderdikleri için e-postayı kontrol etmeniz gerekiyor, ancak daha önemlisi bazı nedenlerle varsa
güncellemeleri alacaksınız Bazı korkunç kazalar Heroku sunucuları bir şimşek darbesi falanyla vurulur.
Neler olup bittiği hakkında güncellemeler alırsınız.
Yani şirketimizin adı.
Ben sadece Web Dev Bootcamp diyecekler.
Hiçbir şey koymak zorunda değilsiniz.
Gerçekten bir fark yaratmayacak, ama J harfi koymayalım. S. ücretsiz hesap oluşturup e-postanızı kontrol
et ve hesabınızı onaylayın.
Tamam.
Bu yüzden bir kez bunu sorarsanız, bağlantıyı tıklarsınız ve sizden şifreyi onaylamak için bir
şifre oluşturmanız istenir.
Ve sonra hesabınızı oluşturmayı bitirdiğinizde sizi Heroku kontrol paneline götürür.
Ve bu, konuşlandırdığınız uygulamanın görülebileceği bir yer olacak.
Onları açıp kapatabileceğinizden başka kimseye izin vermeyeceksiniz.
Yapılandırmanız gereken her şey ve güvenlik konularında izin.
Buraya koymanız gereken herhangi bir uygulama için ana merkeziniz.
TAMAM.
Dolayısıyla şu an için bundan uzaklaşacağız.
Ama eğer etrafınızda dolaşmak isterseniz bir göz atın.
Başlarken iyi çocuklar var.
Bu nedenle, Noad kılavuzu ile başlamak üzerine tıklarsanız size burada geçecek
olan adımları gösterecektir.
Ve ben de buna referans yapacağım.
Ancak, ne yapmanız gerektiğini görmek için sadece bu videoyu izleyebilirsiniz.
Burada konuştuğu ilk şey, Mac için Heroku araç çubuğunu veya
kullandığınız herhangi bir makineyi indirip kurmanın yüklenmesidir.
Aslında bunu kullanmak zorunda değiliz çünkü Cloud 9'u kullanıyoruz.
Yani önceden kurulmuş olarak geliyor.
Afedersiniz.
Kullanmamız gerekiyor.
İndirmek zorunda değiliz.
Affedersiniz.
Bizim için önceden kurulmuş olarak geliyor.
Dolayısıyla buluta gidersen 9 gerçekte yapabileceğimiz şey, doğru dizinde olduğumuzdan ve sunucumuzdan vazgeçeceğimizden
emin olmaktır.
Harika.
Heroku kelimesini yazarsanız, bulamadığınız başka bir şey çıktığınızı görürsünüz demek, Heroku'nun yüklü olduğu ve sadece ücretsiz
olarak Cloud 9 ile birlikte geldiği anlamına gelir.
Bunu bir makinede yapıyorsanız veya Cloud 9'u kullanmıyorsanız tabii ki doğru sürümü
indirebilir ve talimatları uygulayabilirsiniz.
Yani yapmak istediğimiz ilk şey, Heroku'nun oturum açtığını söylediklerini takip etmek ve
bu, Heroku'ya kaydolduğunuz
e-postanız için sizi uyaracaktır.
Bu yüzden maç olmalı ve aynı zamanda sihrin parolanızı soracak ve yazmayacağınız
gibi görünecektir sadece gizliyor.
Bu yüzden endişe etmeyin.
Oraya gidiyoruz.
Kimlik doğrulamasının başarılı olduğunu görmek istiyoruz.
Yani şimdi yaptığımız şey temelde bu makineyi denemek.
için entegre eklemek için çalışacağımız bu bulut dokuz çalışma alanı, çünkü yaptığımızın tamamını
hatırlamak bu uygulamayı Heroku makinelerine gönderiyor olacağımızızı unutmayın.
Temel olarak tüm sunucularında Heroku alanımızı aktarmak
Tabii ki bunu kimsenin hesabımıza yapmasına izin vermek istemiyoruz.
Yalnızca, oturum açtığımızda kimliği doğrulanmış olan makinelerin bunu yapabilmesini istiyoruz.
TAMAM.
İşte bu ilk adım.
Yapmamız gereken bir sonraki şey, aslında bu dizinde get'i kullandığımızdan emin olmaktır.
Dolayısıyla, dizinde projemizin üst düzey dizini önemlidir.
ancak uygulamanızın JSE'sinin paketinizde bulunduğu dizinde yapmadığınız başka projeleriniz olduğu yerde yapmazsınız.
Bunu, bu klasörde yapmadığınız,
Koşmak istediğim Jason duruma geldi ve benim durumumda iyi bir depo göreceğim.
Bu yüzden bir get deposu haline getirmek istiyoruz.
Heroku'ya ne gönderileceğini belirlemek için söylemek için iyilik kullanırız ve bizim durumumuzda
tüm başvuruyu göndereceğiz.
Dolayısıyla, bir kez depoyu başlattığımızda, devam edip göndermek istediğimiz dosyaları
ona yazdıracağız.
Bu yüzden her şey bu.
Bu yüzden sadece ADD'yi almak için birer birer yapacağız. Evet, Jason'ın paketini ekleyip bütün dizinin
yapacağı görünümleri ekleyelim.
İşini bitirin.
Talimatlara geri dönerseniz birkaç şey göreceğiniz ilk yorumları büyük olarak söyleyeceğiz.
Araç kemerini taktıktan sonra tıklayabilirsiniz.
Bu örneğe bu öğreticiyi kurdum, size bir demo uygulaması verdiler.
Zaten bir tane var, böylece sadece uygulama kaynak kodunu kopyaladık diyebilirsin.
Yapmanız gereken şey, Heroku create adlı bir komutu çalıştırmanız gerektiğini söylüyor.
Bu yüzden devam edebiliriz ve bunu yapabiliriz.
Ve bu ne yapacak, aslında Heroku'da yer açmakla, bu yeni ve depo alanıyla
suşi alanında sizin için yeni bir uygulama hazırlayabiliriz.
Bu yüzden şimdi ben bunu yapacağım.
Heroku oluşturun ve
ilk olarak şunu görebilirsiniz: Eğer Heroku'yu giriş yapmazsam giriş yapmazsam işe yaramayabilir, önce
oturum açmamı isteyecektim ama bana yeni bir uygulama yaptığını ve verdiği şeyi veriyor rastgele
bir isim.
Heroku, bu huzurlu Zen doğa ish isimleriyle ünlüdür.
Bu rastgele sayı ile bu kadar adsız olanı buluyorlar.
Aynı zamanda, uygulamanızın nereye dağılacağını bildiğinizi de verir.
Bunu değiştirebilirsiniz.
İsterseniz Roku dokümanlarına bakarak kendi Heroku uygulaması alan com alan adınızı belirtebilirsiniz.
Yani eğer bu demo uygulamasını kontrol etmek istediyseniz.
Heroku app dot com'da bir iki üç nokta var, bunu yapabilirsiniz, ancak elbette kendi alanınıza
sahip olabilirsiniz.
Yani kendi Salli nokta com'unuz varsa veya bulutlar harika.
Roku'ya dağıtılan bir uygulamayı dağıtabileceğinizi biliyorum.
Alan adınızla çalışacak şekilde ayarlayabilirsiniz, ancak bunu henüz yapmazsınız.
Yani siz yine de bu uygulamayı oluşturuyorsunuz burada şu rastgele Hoku'yu elde ediyorsunuz demektir, şimdi
ziyaret
edersek şimdi bu varsayılanı yeni uygulamanıza hoşça güttük.
Bu uygulama ile ilişkili herhangi bir kodumuz henüz yok.
Heroku, yalnızca orada boş bir uygulamanız olduğu bir uygulama yapmak istediğimizi biliyor.
Olanlardan biri, Heroku adı verilen Get deposumuza bir uzaktan kumanda eklediği.
Uzaktan kumanda aleti B'ye bir göz atarsanız, buradaki Heroku adlı uzaktan kumandayı ekleyerek kodu
ittirebileceğimizi göreceksiniz.
Bu gerçekten önemli.
Temel olarak kodu nasıl aktardığınız gibi.
İşte böyle Heroku'ya, çalıştırmanızı istediğim kodu söyleyeceğim.
Bu yüzden Heroku'ya bastığımda emir alacağım.
Heroku ustasını itin.
Bu yüzden, ana ahırda Heroku'ya eklediğim ve taahhüt ettiğim kodu ne olursa olsun iteceğim.
Bu durumda bu her şey bu.
Bazen her şeyi itmek istemiyorsunuzdur.
Belki üretim sunucunuza göndermek istemediğiniz bazı yeni kodlar vardır ancak bu durumda her şeyin
üstünde çalışmak istiyoruz.
Uygulama bizim istediğimiz gibi çalışıyor.
Bu yüzden her şeyi zorlayacağız.
Bu yüzden bir öğreticide göreceğinizi yapmadan önce Heroku ustasını itin.
Ayrıca bunun nasıl yapılacağını da anlatıyor.
Kaybederseniz, öğreticiyi izlemeyi veya okumayı tercih ederseniz bunu takip edebilirsiniz.
Aynısını aynı adreste yapıyoruz.
Bu yüzden Heroku M.'u zorla. Tamam, böylece enter tuşuna basabiliriz.
Size yapmayacağımız, ancak küçük bir soruna neden olacak bir şey olduğunu
uyaracağım, ancak sana Size Heroku'nun hata ayıklama sürecini göstermek istediğim için yaptım.
Bu yüzden
girmeye başlayacağım ve genellikle biraz daha büyük uygulamalarla özellikle alıyor.
Burada bir sürü şey oluyor.
Genellikle hub'ı almak için ittiğinizde bu olmaz.
Yani tüm Heroku büyüsü.
Geri dönüp neler olup bittiği hakkında bir şeyler okuyabilirsiniz.
Bakalım önemli bağımlılıklarından bazılarını yükleyen bir düğüm uygulaması veya Pineries sonra Jaison
paketi yüzünden bağımlılıklarını ve Ejay'ı yükleyecektir.
Ve hepsi ifade bağlıdır sonra uygulama inşa ve daha sonra başlattı.
Bu başvurunun Irak'a konuşlandığını söylüyor.
Dolayısıyla URL yenilemenizi ziyaret edersek uygulamanızı görmeyi umuyoruz.
Ancak gördüğümüz tek şey uygulama hatası.
Dolayısıyla, oradaki yeni bir uygulamayı bastırırken başlamak üzere Heroku'yu hata ayıklarken
bu gerçekten yaygın bir ekran.
Kodunuzda bir hata olduğunda veya bir şey başarısız olduğunda ne olur?
Bu şeylerin Heroku tarafında mı yoksa web arayüzünde gördüğünüz hata.
Belli bir hata mesajını orada ayrıntılara koymazlar çünkü bunu kullanıcılarınıza
açıkça göstermek istemezsiniz.
Böylece işleri mümkün olduğunca gizli tutuyorlar.
Sadece uygulama hatası söylüyorlar.
Ancak, o zaman ne olur, hata iletilerini komut satırında günlüklerdeki görüntüleyebildiğiniz
sorunları görüntüleyebilirsiniz.
Bunu yapmak için sadece Heroku günlükleri yazıyoruz ve yukarıya doğru kayarsak bir hata var demektir ve
burada hata oluştuğunda bir sürü şey elde ederiz.
NPM başlangıcı komutuyla başlatma işlemi başlıyor ve daha sonra komut başlangıcı eksik olan bir UÖM başlat
komutu yok ve o zaman tüm hatalarımızın ve şeylerin çökmesine neden oluyoruz.
Bu yüzden yine size bir hata mesajı götürdüğünü, ancak bunu göremediğiniz anlamına gelmediğini göstermek için bir Heroku'nun
nasıl ilerleyebileceğinizi ve bir göz attığını göstermek amacıyla tekrarladım.
Ve uygulamanız çökmekte ise bu oldukça yaygın bir ekran.
Heroku günlükleri ve önemli komut.
Ancak okun söylediği, bir başlangıç ​​betiğimizin bulunmamasıydı.
Bu başlangıç ​​betiği ile Heroku'ya sunucusuna uygulamasını başlatmak için hangi kodun
çalıştırılacağını söyler.
Yani temel olarak sunucumuza başlamak için yaptığımız işlemi yapar.
Düğüm uygulamaları çalıştırıyorduk.
Evet, ancak kodumuz artık çalışmadığı için bunu yapamıyoruz.
Bunu bu çalışma alanında değiliz.
Mesele bu.
Heroku üzerinde.
Bu yüzden ona bir başlangıç ​​betiği verelim.
Bu yüzden, bir pakette bir şarkıyı açıyoruz ve betiklerin içine giriyor.
Bu, bilmen gereken bir şey değil.
Bu, yeni başlangıç ​​kolonu ve daha sonra düğüm J.'den sonra. S. Heroku'nun yapacağı şey, Heroku'ya
kod çektikçe, ilk önce NPM'yi yükleyip, her bağımlılığı ittiğimizde yükleyeceğiz.
Bu yüzden, eğer ekleme ve
tamamlama ve sonra Heroku ana bilgisayarını otomatik olarak çalıştıracak olan Heroku ana bilgisayarını çalıştırıp
yeni sürümü alırsak, yeni bir sürüme geçiş yapabiliriz ve burayı buradan indirecek olan NPM start'ı çalıştırıyor.
Düğüm apt.
Evet.
Bu yüzden, sadece Heroku ustasını zorlayamayız, çünkü şimdi bizim usta çiftliğimiz değişmedi.
Yaptığımız bu değişikliği eklemedik ve taahhüt etmedik.
Bu nedenle, get status
yazarsanız, Şube maı.
Peki bunu yapacak dosyayı ben kurtarmadım.
Şimdi durumu alırsam, Jason'ın modifiye edilmiş paketini göreceksin.
Bu yüzden, get commit'ı eklemek istiyoruz ve burada sağlanan tüm başlangıç ​​betiğini eklemektir.
Şimdi tek yapmamız gereken itme Roku master'ı almak ve gitmek için geldik.
Bu yüzden itin itin.
Efendisi, kodumuzun Jason'da bir metin alması gereken yere kadar tüm süreci başlatacaktır.
Bu bağımlılıkları yükler ve sonra geçen seferde belirtmediğimiz UÖM başlatmasını yapar.
Böylece uygulama çöktü.
ayy! Buraya girmek istedim.
Biraz zaman alacak.
Bu, Heroku'ya
bağımlılık yükleyen şeyleri yüklüyor ve dağıtımı doğrulama işleminin başlatıldığını görmeye itiyor.
Tamam şimdi serinlemeyi deneyelim.
Ve işte gidiyoruz.
Bu yüzden isimsiz
çalışan bir uygulamanız var ve ben söyledim 6 4 4 9 8 noktalı dotcom'da Roku İleri ve geri gidecek rotaları tıklayabiliyorum.
Muhteşem.
Gösterdiğim son şey Gösterge tablonuza dönerseniz Heroku gösterge tablosunda gösterilir.
Şimdi başvurumuzun burada gösterilmesini sağlıyoruz.
Oh, önce beni giriş yapacak.
Bu yüzden bir kere giriş yaptığınızda umarım yapmanız gerekmez.
Ama bir kere girdiğimde, ne aradığımı göreceğim.
Ve gördüğünüz gibi yeni uygulamanız burada.
Üzerine tıklayarak, hakkında kaç
kişinin ne sıklıkla eriştiği ne kadar uzun sürdü hakkında bilgi görüntüleyebilirsiniz.
Bu kimin sahibi katkıda bulunan kimin konuşlandırılacağı ve karıştırılacağı kimin kimi var.
Her çeşit farklı şey.
Bunların hepsine girmeyeceğim.
farklı zamanları görebilirsiniz.
Yani, uygulamayı ilk kez başlattığımızda başlattığımızda başlattığımız veya konuşlandırdığımız
Ve sonra bu, işleri
ayarlamaya ya da özel alanlar gibi şeyleri yapılandırmaya gideceğiniz yerdir ya da eklentiler ekleyebilirsiniz.
Paul'un burada bahsettiği bir şey şu anda ücretsiz Heroku planını kullandığımız.
Para kazananlarla ilişkili bir kredi kartı yoktur, ancak bir kez
yeni üyelere sahip olduğun için yeni sürüme geçeceksin ve ne yaptın buraya tıklayın.
Hobi yükseltme yapın ve hobiye
tıklayabilir veya mesleğe gidebilir, böylece hobi ayda 7 dolardan başlar görebilirsiniz.
Kesinlikle buna değer.
Sizin ve uygulamanız için
daha fazla insana sahip olmaya başlayacaksanız, ancak ücretsiz bir iş bile olsa, bir portföy projesi
ya da şirketinize götürmeyeceğiniz bir şey için değil, olmadığınız sürece sahip olacaksanız. günde binlerce bin isabet sizi bekliyor.
TAMAM.
İşte hepsi burada Heroku'ya ait.
Bunu tekrarlamak istiyorum.
Şimdi geri dönelim ve bu işlemi uygulamamızı bir kez daha güncelleyelim.
Ana sayfayı güncelleyerek, üzerinde bir
resim olduğunu söyleyen bir resim var.
Bu konuda biraz düşünmemişimdir.
Bu son zamanlarda çektiğim bir görüntü ancak yan tarafta bazı fotoğrafçılık öğreniyorum.
Bu nedenle tabii ki kaynaktan istediğinize benzeyen herhangi bir görüntüyü kullanmaya çekinmeyin.
Yerel olarak test edelim.
Bu yüzden
düğüm uygulaması Julius yenilendi.
Vay.
Ve görüntü elde etmek.
Bu iyi
Bu nedenle, bu değişiklik
tümüyle etkilenmese de doğal olarak Heroku üzerinde iyi çalışıyor ve doğal olarak bağlantılı olmadığı için.
Heroku And'a itmek istediğimiz şeyi seçmek zorundayız ve bu gerçekten önemli.
Yeni şeyler denemek için hatalar yapmak için uğraşacak bir çalışma alanımız var
ve onları gerçek uygulamaya dahil etmek ve dahil etmek istiyorsak, daha sonra onları Heroku'ya yönlendirebiliriz.
Fakat Heroku daima son istikrarlı yapı olmalıdır.
Gitmeden önce işe yarayan son şey şey berbat etti.
Tamam, böylece yapılması gereken
tek şey statü almak için bu değişiklik ekleme köprü imajını eklemek ve sonra Heroku ana sürümünü itmek olsun.
Bu iş akışı gerçekten çok yaygındır.
Heroku'ya gitmek istediğiniz her şeyi taahhüt edip
heroku ana sistemini itin ve her değiştirdiğinizde veya güncelleştirdiğiniz zaman da
aynı işlemi alalım Reklam almaya başlayın Heroku uygulamamızdaki Heroku ana yenilemesini yapın ve oradan gidiyoruz veya değişiyoruz. .
Bunu yaptığımız ilk şey, iş akışının bir parçası değil, ilk şey, bir get deposunda olduğunuzdan emin
olun, sonra Heroku oluşturduğunuzdan emin olun, sonra bir kere oluşturursanız, ne yapacağınıza, eklediğinizden emin olun. ve
Muhteşem.
Tamam.
Bir sonraki
videoda biraz daha baş ağrısı olan bir veritabanı ile daha karmaşık bir önemli uygulamayı nasıl dağıtacağımızı göreceğiz.
ne yazık ki