ITV0110 node.js töö 2019 - Redigeerimiste ajalugu

Martinv: /* Mis tuleb teha */

2019-12-05T01:26:07Z

Mis tuleb teha

←Vanem redaktsioon		Redaktsioon: 5. detsember 2019, kell 03:26
11. rida:		11. rida:
	Kaks mängijat peavad saama käia kumbki oma brauseris vaheldumisi ja kui mõlemad käinud, näidatakse kummalegi, kes võitis ja alustatakse uuesti. Sisselogimist ei ole vaja teha, statistikat jne ei ole vaja kuvada. Brauseripoolset javascripti pole vaja ja võimalik on korduvkasutada 2. praktikumitöö CSSi		Kaks mängijat peavad saama käia kumbki oma brauseris vaheldumisi ja kui mõlemad käinud, näidatakse kummalegi, kes võitis ja alustatakse uuesti. Sisselogimist ei ole vaja teha, statistikat jne ei ole vaja kuvada. Brauseripoolset javascripti pole vaja ja võimalik on korduvkasutada 2. praktikumitöö CSSi

	Üks lihtne variant ehitamiseks on selline, kus veebileht end vastase käiku oodates kord sekundis refreshib ja seisu hoitakse lihtsalt failis ühe json-i ~~reana~~:		Üks lihtne variant ehitamiseks on selline, kus veebileht end vastase käiku oodates kord sekundis refreshib ja seisu hoitakse lihtsalt failis ühe json-i formaadis:

	* server kuvab algul veebilehe, kus saad sisestada nimeväljale oma nime ja mänguvälja. Mänguvälja ruudul klikkides saadetakse serverile a'la ?name=martin&move=0_0, kus 0_0 on vastavalt ülemine vasakpoolne ruut		* server kuvab algul veebilehe, kus saad sisestada nimeväljale oma nime ja mänguvälja. Mänguvälja ruudul klikkides saadetakse serverile a'la ?turn=player1&name=martin&move=0_0, kus 0_0 on vastavalt ülemine vasakpoolne ruut
	* serveril on üks seisufail, kuhu ta kirjutab mänguvälja seisu. Algseisu saab kirjeldada nt massiivina [[000],[000],[000]]		* serveril on üks seisufail, kuhu ta kirjutab mänguvälja seisu. Algseisu saab kirjeldada nt massiivina [[000],[000],[000]]
	* kui server saab päringu a la ?name=martin&move=0_0, siis:		* kui server saab päringu a la ?name=martin&move=0_0, siis:
	** seisufail on tühi: server muudab seisufaili [[100],[000],[000]] ja annab tagasi htmli, mis ütleb "oota" ja refreshib sekundi järel, saates serverile päringu a la ?state=waiting		** seisufail on tühi: server muudab seisufaili [[100],[000],[000]] ja annab tagasi htmli, mis ütleb "oota" ja refreshib sekundi järel, saates serverile päringu a la ?state=waiting
	** seisufailis on juba valitud kohal käik, siis seisufaili ei kirjutata vaid kasutaja peab uuesti proovima.		** seisufailis on juba valitud kohal käik, siis seisufaili ei kirjutata vaid kasutaja peab uuesti proovima ?turn=playe2&state=retry
	** seisufailis on ~~juba kaks käiku a la {"jaan":"paber","tanel":"kivi"}: siis tuleb alustada uut mängu ehk server kirjutab selle faili üle uue ühe-käigu sisuga {"tanel":"kivi"}~~		.
	* ~~kui server saab brauserilt ootan-käiku päringu~~ a la ?state=waiting ~~siis kui:~~		* Siis kontrollitakse kas on seisufailis kolm järjestikku sümbolit (nii servad kui diagonaalid). Kõige lihtsam on seda teha if() tingimuslausetega aga võid kasutada ka muid meetodeid
	** ~~seisufailis~~ on ~~kaks käiku a la {"jaan":"paber","tanel":"kivi"}~~ siis ~~ta annab vastuseks info,~~ kes ~~võitis ja uue~~ käigu ~~tegemise vormi~~.		** Kui kolme järjestikust sümbolit ei ole, antakse käik edasi teisele mängijale a'la ?turn=playe2&state=waiting
	** seisufail on tühi või on seal ainult üks nimi: annab tagasi htmli, mis ütleb "oota" ja refreshib sekundi järel päringuga a la ?state=waiting		** Kui järjest on kolm sümbolit siis see mängija kes käigu tegi on võitja. Seda näidatakse mõlemale kasutajale.

	Pane tähele, et see lihtne skeem võib minna rikki, kui peale eelmise mängu tulemuse saamist väga kiiresti uue käigu teed: võib juhtuda, et vastase leht ei jõua enne refreshida ja tulemust näidata, kui sinu käik juba seisu üle salvestab.		Pane tähele, et see lihtne skeem võib minna rikki, kui peale eelmise mängu tulemuse saamist väga kiiresti uue käigu teed: võib juhtuda, et vastase leht ei jõua enne refreshida ja tulemust näidata, kui sinu käik juba seisu üle salvestab.

Martinv – 5. detsember 2019, kell 01:18

2019-12-05T01:18:50Z

←Vanem redaktsioon		Redaktsioon: 5. detsember 2019, kell 03:18
15. rida:		15. rida:
	* server kuvab algul veebilehe, kus saad sisestada nimeväljale oma nime ja mänguvälja. Mänguvälja ruudul klikkides saadetakse serverile a'la ?name=martin&move=0_0, kus 0_0 on vastavalt ülemine vasakpoolne ruut		* server kuvab algul veebilehe, kus saad sisestada nimeväljale oma nime ja mänguvälja. Mänguvälja ruudul klikkides saadetakse serverile a'la ?name=martin&move=0_0, kus 0_0 on vastavalt ülemine vasakpoolne ruut
	* serveril on üks seisufail, kuhu ta kirjutab mänguvälja seisu. Algseisu saab kirjeldada nt massiivina [[000],[000],[000]]		* serveril on üks seisufail, kuhu ta kirjutab mänguvälja seisu. Algseisu saab kirjeldada nt massiivina [[000],[000],[000]]
	* kui server saab päringu a la ?name=martin&move=0_0, siis ~~on kolm varianti~~:		* kui server saab päringu a la ?name=martin&move=0_0, siis:
	** seisufail on tühi: server ~~salvestab seisufailiks {"tanel":"kivi"}~~ ja annab tagasi htmli, mis ütleb "oota" ja refreshib sekundi järel, saates serverile päringu a la ?state=waiting		** seisufail on tühi: server muudab seisufaili [[100],[000],[000]] ja annab tagasi htmli, mis ütleb "oota" ja refreshib sekundi järel, saates serverile päringu a la ?state=waiting
	** seisufailis on juba käik ~~a la {"jaan":"paber"}. Siis server salvestab seisufailiks {"jaan":"paber"~~,~~"tanel":"kivi"} ja annab vastuseks info, kes võitis ja uue käigu tegemise vormi~~.		** seisufailis on juba valitud kohal käik, siis seisufaili ei kirjutata vaid kasutaja peab uuesti proovima.
	** seisufailis on juba kaks käiku a la {"jaan":"paber","tanel":"kivi"}: siis tuleb alustada uut mängu ehk server kirjutab selle faili üle uue ühe-käigu sisuga {"tanel":"kivi"}		** seisufailis on juba kaks käiku a la {"jaan":"paber","tanel":"kivi"}: siis tuleb alustada uut mängu ehk server kirjutab selle faili üle uue ühe-käigu sisuga {"tanel":"kivi"}
	* kui server saab brauserilt ootan-käiku päringu a la ?state=waiting siis kui:		* kui server saab brauserilt ootan-käiku päringu a la ?state=waiting siis kui:

Martinv: /* Mis tuleb teha */

2019-12-05T01:13:58Z

Mis tuleb teha

←Vanem redaktsioon		Redaktsioon: 5. detsember 2019, kell 03:13
7. rida:		7. rida:
	== Mis tuleb teha ==		== Mis tuleb teha ==

	Sinu ülesandeks on node.js abil ehitada hästi lihtne kahe inimese [https://en.wikipedia.org/wiki/Tic-tac-toe trips-traps-trulli mäng].		Sinu ülesandeks on node.js abil ehitada hästi lihtne kahe inimese [https://en.wikipedia.org/wiki/Tic-tac-toe trips-traps-trulli mäng]. Vaata ka seda [https://www.youtube.com/watch?v=GTWrWM1UsnA videot] või [https://medium.com/javascript-in-plain-english/the-worlds-most-empowering-tic-tac-toe-javascript-tutorial-a889e4c20883 seda tutoriali]

	Kaks mängijat peavad saama käia kumbki oma brauseris vaheldumisi ja kui mõlemad käinud, näidatakse kummalegi, kes võitis ja alustatakse uuesti. Sisselogimist ei ole vaja teha, statistikat jne ei ole vaja kuvada. Brauseripoolset javascripti pole vaja ja võimalik on korduvkasutada 2. praktikumitöö CSSi		Kaks mängijat peavad saama käia kumbki oma brauseris vaheldumisi ja kui mõlemad käinud, näidatakse kummalegi, kes võitis ja alustatakse uuesti. Sisselogimist ei ole vaja teha, statistikat jne ei ole vaja kuvada. Brauseripoolset javascripti pole vaja ja võimalik on korduvkasutada 2. praktikumitöö CSSi

Martinv: /* Mis tuleb teha */

2019-12-05T01:09:05Z

Mis tuleb teha

←Vanem redaktsioon		Redaktsioon: 5. detsember 2019, kell 03:09
13. rida:		13. rida:
	Üks lihtne variant ehitamiseks on selline, kus veebileht end vastase käiku oodates kord sekundis refreshib ja seisu hoitakse lihtsalt failis ühe json-i reana:		Üks lihtne variant ehitamiseks on selline, kus veebileht end vastase käiku oodates kord sekundis refreshib ja seisu hoitakse lihtsalt failis ühe json-i reana:

	* server kuvab algul veebilehe, kus saad sisestada nimeväljale oma nime ja ~~vajuta ühte nuppu kolmest: kivi, paber, käärid~~. ~~Kui vajutad, saadab~~ serverile a la ?name=~~tanel~~&move=~~kivi~~		* server kuvab algul veebilehe, kus saad sisestada nimeväljale oma nime ja mänguvälja. Mänguvälja ruudul klikkides saadetakse serverile a'la ?name=martin&move=0_0, kus 0_0 on vastavalt ülemine vasakpoolne ruut
	* serveril on üks seisufail, kuhu ta kirjutab ~~ühe või kahe inimese käiku~~.		* serveril on üks seisufail, kuhu ta kirjutab mänguvälja seisu. Algseisu saab kirjeldada nt massiivina [[000],[000],[000]]
	* kui server saab päringu a la ?name=~~tanel~~&move=~~kivi~~, siis on kolm varianti:		* kui server saab päringu a la ?name=martin&move=0_0, siis on kolm varianti:
	** seisufail on tühi: server salvestab seisufailiks {"tanel":"kivi"} ja annab tagasi htmli, mis ütleb "oota" ja refreshib sekundi järel, saates serverile päringu a la ?state=waiting		** seisufail on tühi: server salvestab seisufailiks {"tanel":"kivi"} ja annab tagasi htmli, mis ütleb "oota" ja refreshib sekundi järel, saates serverile päringu a la ?state=waiting
	** seisufailis on juba käik a la {"jaan":"paber"}. Siis server salvestab seisufailiks {"jaan":"paber","tanel":"kivi"} ja annab vastuseks info, kes võitis ja uue käigu tegemise vormi.		** seisufailis on juba käik a la {"jaan":"paber"}. Siis server salvestab seisufailiks {"jaan":"paber","tanel":"kivi"} ja annab vastuseks info, kes võitis ja uue käigu tegemise vormi.

Martinv: Uus lehekülg: 'nodejs == Töö eesmärk == Töö sisuline eesmärk on tutvuda javascripti kasutamisega serveri pool [https://nodejs.org/en/ node.js]-i süsteemi abil....'

2019-12-05T00:48:01Z

Uus lehekülg: 'left|nodejs == Töö eesmärk == Töö sisuline eesmärk on tutvuda javascripti kasutamisega serveri pool [https://nodejs.org/en/ node.js]-i süsteemi abil....'

Uus lehekülg

[[Pilt:nodejs.png|left|nodejs]]

== Töö eesmärk ==

Töö sisuline eesmärk on tutvuda javascripti kasutamisega serveri pool [https://nodejs.org/en/ node.js]-i süsteemi abil.

== Mis tuleb teha ==

Sinu ülesandeks on node.js abil ehitada hästi lihtne kahe inimese [https://en.wikipedia.org/wiki/Tic-tac-toe trips-traps-trulli mäng].

Kaks mängijat peavad saama käia kumbki oma brauseris vaheldumisi ja kui mõlemad käinud, näidatakse kummalegi, kes võitis ja alustatakse uuesti. Sisselogimist ei ole vaja teha, statistikat jne ei ole vaja kuvada. Brauseripoolset javascripti pole vaja ja võimalik on korduvkasutada 2. praktikumitöö CSSi

Üks lihtne variant ehitamiseks on selline, kus veebileht end vastase käiku oodates kord sekundis refreshib ja seisu hoitakse lihtsalt failis ühe json-i reana:

* server kuvab algul veebilehe, kus saad sisestada nimeväljale oma nime ja vajuta ühte nuppu kolmest: kivi, paber, käärid. Kui vajutad, saadab serverile a la ?name=tanel&move=kivi
* serveril on üks seisufail, kuhu ta kirjutab ühe või kahe inimese käiku.
* kui server saab päringu a la ?name=tanel&move=kivi, siis on kolm varianti:
** seisufail on tühi: server salvestab seisufailiks {"tanel":"kivi"} ja annab tagasi htmli, mis ütleb "oota" ja refreshib sekundi järel, saates serverile päringu a la ?state=waiting
** seisufailis on juba käik a la {"jaan":"paber"}. Siis server salvestab seisufailiks {"jaan":"paber","tanel":"kivi"} ja annab vastuseks info, kes võitis ja uue käigu tegemise vormi.
** seisufailis on juba kaks käiku a la {"jaan":"paber","tanel":"kivi"}: siis tuleb alustada uut mängu ehk server kirjutab selle faili üle uue ühe-käigu sisuga {"tanel":"kivi"}
* kui server saab brauserilt ootan-käiku päringu a la ?state=waiting siis kui:
** seisufailis on kaks käiku a la {"jaan":"paber","tanel":"kivi"} siis ta annab vastuseks info, kes võitis ja uue käigu tegemise vormi.
** seisufail on tühi või on seal ainult üks nimi: annab tagasi htmli, mis ütleb "oota" ja refreshib sekundi järel päringuga a la ?state=waiting

Pane tähele, et see lihtne skeem võib minna rikki, kui peale eelmise mängu tulemuse saamist väga kiiresti uue käigu teed: võib juhtuda, et vastase leht ei jõua enne refreshida ja tulemust näidata, kui sinu käik juba seisu üle salvestab.

Sa võid ehitada oma rakenduse ka mingi hoopis teistsuguse skeemi järgi.

Igasugused väikesed täiendused on ok ja soovitavad, aga ei anna mingeid lisapunkte.

== Soovitusi ==

Arendamiseks piisab arusaadavalt kahest eraldi tabist ühes brauseris, ei ole vaja mitut reaalset inimest.

Kõige lihtsam on lasta serveril otse htmli genereerida ja CSS-i ning brauseripoolset js-i üldse mitte kasutada või kasutada seda minimaalselt, lehe sisse kodeerituna.

node.js sissejuhatust vaata kursuse põhilehel node.js peatükis. Kindlasti ei ole vale alustada [https://www.w3schools.com/nodejs/default.asp w3schools'i mikrotutorialiga]

node.js-i arenduse saad teha nii dijkstras kui ka üleni oma arvutis (installeeri endale node.js) või arvutiklassi arvutis (seal on ta olemas arvutiklassi standardpakettide hulgas, ei ole vaja olla admin). Lõpptulemusena tuleb rakendus igal juhul dijkstra-sse käima panna.

== node.js Dijkstras ==

Dijkstras saad käivitada node.js-i nii:
<pre>
nodejs &
</pre>
Kus ampersand & ütleb opsüsteemile, et see programm tuleb käima jätta (kuni sa välja logid)
ehk koos programmiga
<pre>
nodejs myprog.js &
</pre>
Kusjuures debugimiseks ei ole seda ampersandi & otse vaja, võid lihtsalt käivitada a la
<pre>
nodejs myprog.js
</pre>
ja siis debugida/trükke vaadata kuni teed ctrl-c või välja logid. Samas saad hoida lahti ka mõne teise putty akna.

Veel võib olla hea variant teha nii, et node jääb käima ka peale seda, kui välja logid:
<pre>
nohup nodejs myprog.js &
</pre>
Vaata, kas nodejs server töötab:
<pre>
ps
</pre>
ja kui jah, siis sa näed midagi sellist:
<pre>
PID TTY TIME CMD
29728 pts/2 00:00:00 bash
30162 pts/2 00:00:00 nodejs
30288 pts/2 00:00:00 ps
</pre>
nodejs serveri peatamiseks ütle siis
<pre>
kill 30162
</pre>
ja kui see ei mõju, ütle kõvemini (niisama kill saadab leebe signaali a la sure ise maha, aga kill -9 tapab iga protsessi jõuga maha):
<pre>
kill -9 30162
</pre>
kus 30162 on protsessi number PID, mida ps sulle nodejs kohta ütles.

Portidena, kust datat servereerida, saad kasutada vahemikku 7300-8000. NB! Kui mõni port on hetkel kellegi poolt juba kasutuses, siis teine programm seda samal ajal kasutada ei saa.

Näiteks selline nodejs-i programm töötab serveris ok: pane käima (vbl pead enne pordi muutma) ja ava http://dijkstra.cs.ttu.ee:7500/

<pre>
var http = require('http');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end('Hello World taneli poolt\n');
}).listen(7500);
console.log('Server running!');
</pre>

== Näited ==

Järgnevas on väikesed node näited, mida sobib kasutada praksiga alustamiseks.

localhost tähendab alati sellesama masina ip-d, kus ise hetkel oled. Kui sa brauserist avad <tt>http://localhost/...</tt> siis see töötab ok ainult juhul, kui server (meil siis nodejs all jooksev proge) on samas masinas, kus brauser. Kui sa paned nodejs-ga oma proge dijkstrast käima, pead avama muidugi <tt>http://dijkstra.css.ttu.ee/...</tt> (ja port tuleb ka lisada igal juhul, kui su server ei käi vaikimisi 80 pordis).

Kui oled nodejs oma arvutis käima saanud, käivita programmid käsurealt nii (dijkstras ütle node asemel nodejs, lisa lõppu ampersand ja pordid vali vahemikust 7300-8000):

<tt>
node myprog.js
</tt>

ja ava urlilt näiteks nii
<tt>
http://localhost:1337
</tt>
või nii
<tt>
http://localhost:1337/suva/proov?b=c&d=f123555&a=456
</tt>

Näited kuvavad debuginfot konsoolile ja näitavad tulemusi brauserisse.

Hello world:
<pre>
var http = require('http');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end('Hello World taneli poolt\n');
}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');
</pre>

Failist lugemine:
<pre>
var http = require('http');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/html'});

var fs = require('fs');
var show="File contents: "

fs.readFile('katse.txt',"utf8", function (err, data) {
if (err) {
console.log(err);
res.write("viga failist lugemisel");
res.end();
return;
}
console.log(data);
show+=data;
res.write(show);
res.end();
});

}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');
</pre>

Urli parsimine (katseta http://localhost:1337/suva/proov?b=c&d=f123555&a=456 )
<pre>
var http = require('http');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/html'});

var fs = require('fs');
var url = require('url');

fs.readFile('katse.txt',"utf8", function (err, data) {
if (err) {
console.log(err);
res.write("viga failist lugemisel");
res.end();
return;
}
var show="Url: "
var url_parts = url.parse(req.url, true);
show+=JSON.stringify(url_parts);
show+="File contents: "
show+=data;
res.write(show);
res.end();
});

}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');
</pre>

Faili kirjutamine:
<pre>
var http = require('http');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/html'});

var fs = require('fs');
var url = require('url');

fs.readFile('katse.txt',"utf8", function (err, data) {
if (err) {
console.log(err);
res.write("viga failist lugemisel");
res.end();
return;
}
var show="Url: "
var url_parts = url.parse(req.url, true);
show+=JSON.stringify(url_parts);
show+="File contents: "
show+=data;
var store="some text";
fs.writeFile('store.txt',store, function (err) {
if (err) {
console.log(err);
res.write("viga faili kirjutamisel");
res.end();
return;
}
res.write(show);
res.end();
});
});

}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');
</pre>

Kirjutatud failist lugemine ja ühe näiteparameeter a kuvamine ( katseta http://localhost:1337/suva/proov?b=c&d=f123555&a=456 )
<pre>
var http = require('http');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/html'});

var fs = require('fs');
var url = require('url');

fs.readFile('katse.txt',"utf8", function (err, data) {
if (err) {
console.log(err);
res.write("viga katsefailist lugemisel");
res.end();
return;
}
fs.readFile('store.txt',"utf8", function (err, storedata) {
if (err) {
console.log(err);
res.write("viga storefailist lugemisel");
res.end();
return;
}
var show="Url: "
var url_parts = url.parse(req.url, true);
show+=JSON.stringify(url_parts);
show+="Template file contents: "
show+=data;
show+="Store file contents: "
show+=storedata;
parsed_store=JSON.parse(storedata);
if (parsed_store.a) {
show+="Store file param a value: "
show+=parsed_store.a;
}
var store=JSON.stringify(url_parts.query);
show+="Stored:";
show+=store;
fs.writeFile('store.txt',store, function (err) {
if (err) {
console.log(err);
res.write("viga faili kirjutamisel");
res.end();
return;
}
res.write(show);
res.end();
});
});
});

}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');
</pre>