NodeJs Nasıl Yüklenir ve NPM(Node Package Modules)

Merhaba arkadaşlar NodeJS ile ilgili ufak bir tutorial oluşturdum. Temelden anlatacağım için kurulumundan başlayarak devam edeceğim NodeJS’nin kurulumu ile ilgili kaynak internette oldukça fazla bir seri oluşturduğum için bende ufaktan bahsederek geçicem.
Şuan bende Windows kurulu olduğundan dolayı, Windows kurulumundan bahsedeceğim. Windows’da kurulum için en büyük olay next next olayıdır :D. Buradan güncel sürümünü indirelim daha sonra karşımıza alttaki şekilde bir ekran çıktıktan sonra next next diyerek yüklemeyi tamamlayalım.
nodejs
consolu açarak yüklenip yüklenmediğini kontrol edelim.
nodejs1
Şuan bilgisayarda yüklü olan v0.12.4 versionu görüntülendi.
NodeJs’e paketler üzerinden gider yani bir veritabanı işlemi yapacaksak mongoose paketini yüklememiz yeterli
npm (Node Package Manager) NodeJs paketlerini buradan indiriyoruz.
Öncesinde npm yüklememiz gerekiyor tekrar komut satırına geldikten sonra komutumuzu çalıştıralım.
npm install npm -g
dedikten sonra npm yüklenecektir. Buradaki -g global kelimesinden gelmektedir bir defa kurmamız yeterli olacaktır diger bütün projelerde npm kullanabiliriz.

Ionic Framework ile Havadurumu Uygulaması

Merhaba arkadaşlar okul projesi olarak ionic framework ile uygulama geliştirme projesi aldım. Projeyi çalıştırma ve ayarlamaları github hesabımda paylaştım giriş seviyesindeki arkadaşlara yardımcı olacaktır. Uygulama belirlenen 2 siteden verileri alarak sıralamadan oluşuyor. Server tarafında nodejs ön yüzde ise ionic framework kendi elementleri kullanıldı.

resim1

resim2

Kodlar

Electron : NodeJS ile Masaüstü Uygulaması

1-GS-t3eNz9Jy7YWKIxxmJPg
Son dönemin popüler dillerinden olan NodeJs ile masaüstü uygulaması geliştireceğiz. Bu arada Atom editörüde Electron’la geliştirildi. Çalışma mantığı şu şekilde main.js ile uygulamamızı çalıştırıyoruz. Daha sonra uygulamanın arayüzünü index.html adında klasörün içinde oluşturuyoruz yani uygulama çatısı mantığı ile neredeyse aynı yine arayüz için kütüphaneler indirip kullanabiliyoruz ortaya oldukça güzel şeyler çıktığını söyleyebilirim. Örnek verecek olursak semantic-ui uygulamada kullandığınızı düşünürsek görsellik olarak uygulamada istediğimiz verimi alırız. Paket olarak electron-prebuilt paketini kullanacağız. Consolda desktop’a gelip aşağıdaki komutları yazıyoruz.

- mkdir electron
- cd electron
- npm init

daha sonra init için açılan parametreleri giriyoruz. Parametrede dikkat etmemiz greken yer start kısmını şu şekilde yapıyoruz.

"scripts": {
        "start": "electron ."
    }

Daha sonra paketimizi yüklüyoruz.
npm install –save-dev electron-prebuilt
main.js kısmını yazalım.

var app = require('app');
var BrowserWindow = require('browser-window');
 
app.on('ready', function() {
    mainWindow = new BrowserWindow({
        height: 700,
        width: 900
    });
 
    mainWindow.loadUrl('file://' + __dirname + '/index.html');
});

kodlarda da görüldüğü gibi ekran bi nesne olarak açılıyor daha sonra yükseklik ve genişlik veriyoruz.
görüntüyü index.html içinde oluşturuyoruz. html dosyasının içine bakalım.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
  </head>
  <body>
    <h1>vuralusenc.com</h1>
  </body>
</html>

resim
html dosyasıda bildiğimiz web sayfası gibi görüldüğü gibi kullanımı oldukca basit isteyenler bu adresteki örneğede bakabilir bu yazıda anlatıcaklarım bu kadar herkeze kolay gelsin.

Stm32f4 ile Kara Şimşek Devresi

Merhaba arkadaşlar bu yazıda dönem içinde aldığım gömülü sistemler dersinde kullandığımız Stm32f4 Discovery Arm ile yaptıklarımı yazıcam elektronik ile hobi olarak ilgilenmekteyim bu arada 😀 öncelikle kullanıcağımız ARM işlemcisi hakkında ufak bilgiler veriyim. Öncelikle ARM hakkında ufak bir bilgi vereyim ARM(Advanced Risc Machines) bir mikrodenetleyici veya işlemci değildir. Kendine ait bir mimarisi vardır. Kodlarımızı MicroC ARM Derleyicisinde yazıyoruz dil olarak ise C dilini kullanıyoruz.

47caa801-d5fc-4af0-90d9-d64373341c01

kullanıcağımız kitte önemli olan noktalardan biri port kullanımı bu örnekte pek kullanmayacağız ama LCD ve led bagladığımızda portlarla haşır neşir olacağız.
Örneğimize gecelim MicroC’de proje açalım
1

şekildeki gibi new project diyoruz karşımıza bu ekran geliyor.

2

Proje adı ve kartımızın adını seçiyoruz. Daha sonra 2 defa next diyerek projenimizi açıyoruz.
proje kodlarımız şu şekilde

#define YON durum.B0
 char sayi=0,durum=0;
 
 
 
void main() {
/* 4 TANE LED OUTPUT OLARAK BELİRTİLİR. */
 GPIO_Digital_Output(&GPIOD_ODR,
                     _GPIO_PINMASK_12|
                     _GPIO_PINMASK_13|
                     _GPIO_PINMASK_14|
                     _GPIO_PINMASK_15);
 
 
 
 GPIOD_ODR.B12 = 1;
 
 while(1){
          if(GPIOD_ODR.B12) YON=0; //B12 PİNİ 1 İSE 0 YAPILIYOR 
          if(GPIOD_ODR.B15) YON=1;
          Delay_ms(100);            //LEDLER ARASI GEÇİŞ SÜRESİ
          if(!YON) GPIOD_ODR<<=1; //BİT KAYDIRMA İŞLEMİ GERÇEKLEŞTİRİLİR
                   else GPIOD_ODR>>=1;
          }
}

C diline aşına olan biri anlamakta pek zorluk cekmicektir.
öncelikle define olarak bir değişken belirliyoruz char ve int olarak değişken belirliyoruz.
kara şimşeğin mantığı bit kadırma işlemi olduğu için yukarıda da bu işlemi uyguluyoruz. Aşağıdaki video ise build etme işlemi gerçekleştiriyoruz.

NodeJS ile İletişim Formu Uygulaması

Merhaba arkadaşlar NodeJS ile ilgili ufak bir uygulama hazırladım. Uygulamada formdan alınan bilgileri mysql veritabanına kaydetme işlemini göstereceğim. Neden MongoDB değil diyorsanız şuan bir uygulama geliştiriyorum ve mysql kullandım ilerleyen derslerde MongoDB ile de yapımına bakacağız.Bütün işlemleri server.js üzerinden yapacağız. Şu modülleri yükleyelim
npm install express
npm install body-parser
npm install mysql

daha sonra server.js adında bir dosya açalım ve server oluşturalım. Buradaki derste mysql baglanmayı anlattım.

var express = require('express');
var bodyParser = require('body-parser');
 var mysql      = require('mysql');
var app = express();
app.use(bodyParser());
 
 
var connection = mysql.createConnection({
  host     : 'localhost',
  user     : 'root',
  password : '',
  database : 'test'
});
 
connection.connect();
 
app.get('/', function(req, res){
 
  var html = '<form action="/" method="post">' +
               'Adınız:' +
               '<input type="text" name="ad" placeholder="adınız" />' +
               '<br>' +
               'mail:' +
               '<input type="text" name="mail" placeholder="mail" />' +
               '<br>' +
               '<button type="submit">Gönder</button>' +
            '</form>';
 
  res.send(html);
});
app.post('/', function(req, res){
  var ad = req.body.ad;
  var mail = req.body.mail;
  var html = 'Merhaba: ' + ad + '.<br>' +
             '<a href="/">Geri Dön</a>';
             var sql = "INSERT INTO uye (ad,mail) VALUES ?";
              var values = [
                [ad, mail]
              ];
              connection.query(sql, [values], function(err) {
                if (err) throw err;
 
              });
 
 
  res.send(html);
});
 
app.listen(8080);

yukardan aşağıya doğru bakarsak öncelikle mysql bağlantısını oluşturduk daha sonra iki tane input oluşturduk ad ve mail için test adında bir veritabanı oluşturduk ve uye adında tablomuza iki tane row ekledik post kısmında ise basit bir şekilde formdan gelen değerleri sql kodları ile veritabanına kayır ettik daha sonra node server.js ile kodlarımızı çalıştıralım. Projenin bitin kodlarına buradan ulaşabilirsiniz.