Heroku deploy
Heroku da github, bitbucked gibi kodlarınızı depolayabileceğiniz external git servisi, herokunun bir diğer güzelliği ise kodlarını derleyebilirsiniz.
Kodlarınızı derleyebilmeniz için bir kaç işlem yapmanız gerekli, benim derleme yapacağım kodlarım. NodeJs kullanarak yazılmış arka taraf ile ReactJs kullanılarak yazılmış öntaraftan oluşan fakat her iki sisteminde aynı yerde kullanılmasından dolayı tek taraflı bir derleme işlemi diyebiliriz.
Kısaca sistemi anlatmak gerekir ise NodeJs ve React kullanarak Blog sitesi kuruyorum. Amacım daha önce öğrendiklerii pekiştirmek öğrendiklerime yenilerini katmak ve güzel bir boilerplate hazırlamak. Sistemimin dizin yapısı Blog/Server/Client
Server main klasörüm içinde NodeJs yani back-end tarafım var. Serverın içinde ise Client var. Yani token tutmama gerek kalmıyor.
İlk olarak Server ın içinde ki packpage.json na aşağıdaki kodları ekliyorum
herokunun deploy yaparken neler kullanacağını belirttim.
Server/index.js
Yukarıdaki kodlar eğer çalışma durumum production ise client/build dimi kullan ve her bir istekte client ı n routerını kullan demek oluyor yapmam gereken son işlem Reactımı build etmek.
Command line da
cd server/client
npm run build
komutunu çalıştırıyorum. Bir build klasörü oluşuyor.
File sizes after gzip:
111.27 KB build\static\js\main.2ca3d5bb.js
20.95 KB build\static\css\main.9d6e5a84.css
The project was built assuming it is hosted at the server root.
You can control this with the homepage field in your package.json.
For example, add this to build it for GitHub Pages:
"homepage" : "http://myname.github.io/myapp",
The build folder is ready to be deployed.
You may serve it with a static server:
yarn global add serve
serve -s build
Find out more about deployment here:
http://bit.ly/2vY88Kr
Şu şekilde çıktı verdi. Artık sistemim deploy etmeye hazır. Artık react tarafında herbir değişiklikte sistemimi tekrardan build etmem gerekiyor herokuya yada başka bir yere deploy etmeden.
şimdi command line şu komutları giriyorum
git push heroku master
ve kodlarım karşı tarafa gitmeye başlıyor...
Kodlarınızı derleyebilmeniz için bir kaç işlem yapmanız gerekli, benim derleme yapacağım kodlarım. NodeJs kullanarak yazılmış arka taraf ile ReactJs kullanılarak yazılmış öntaraftan oluşan fakat her iki sisteminde aynı yerde kullanılmasından dolayı tek taraflı bir derleme işlemi diyebiliriz.
Kısaca sistemi anlatmak gerekir ise NodeJs ve React kullanarak Blog sitesi kuruyorum. Amacım daha önce öğrendiklerii pekiştirmek öğrendiklerime yenilerini katmak ve güzel bir boilerplate hazırlamak. Sistemimin dizin yapısı Blog/Server/Client
Server main klasörüm içinde NodeJs yani back-end tarafım var. Serverın içinde ise Client var. Yani token tutmama gerek kalmıyor.
İlk olarak Server ın içinde ki packpage.json na aşağıdaki kodları ekliyorum
"engines": {
"node": "8.1.1",
"npm": "5.0.3"
},
"heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix client && npm run build --prefix client",
Buradaki amaç react tarafını build yapmakServer/index.js
if (process.env.NODE_ENV === 'production') {
// Express will serve up production assets
// like our main.js file, or main.css file!
app.use(express.static('client/build'));
// Express will serve up the index.html file
// if it doesn't recognize the route
const path = require('path');
app.get('*', (req, res) => {
res.sendFile(path.resolve(__dirname, 'client', 'build', 'index.html'));
});
}
Command line da
cd server/client
npm run build
komutunu çalıştırıyorum. Bir build klasörü oluşuyor.
File sizes after gzip:
111.27 KB build\static\js\main.2ca3d5bb.js
20.95 KB build\static\css\main.9d6e5a84.css
The project was built assuming it is hosted at the server root.
You can control this with the homepage field in your package.json.
For example, add this to build it for GitHub Pages:
"homepage" : "http://myname.github.io/myapp",
The build folder is ready to be deployed.
You may serve it with a static server:
yarn global add serve
serve -s build
Find out more about deployment here:
http://bit.ly/2vY88Kr
Şu şekilde çıktı verdi. Artık sistemim deploy etmeye hazır. Artık react tarafında herbir değişiklikte sistemimi tekrardan build etmem gerekiyor herokuya yada başka bir yere deploy etmeden.
şimdi command line şu komutları giriyorum
git push heroku master
ve kodlarım karşı tarafa gitmeye başlıyor...
Herokuya atma işlemi devam ediyor. Eğer herşey başarılı ise her oku size https ile başlan bir link veriyor bu linke ctrl ye basılı tutarak ulaşıp sitenizi görüyorsanız herşey iyi gidiyor demek. Eğer sıkıntı varsa herokudan logları incelemek gerek. Başka bir hatada görüşmeyip bu konuda makale yazmamak dileği ile
Yorumlar
Yorum Gönder