• Offtopic

  • Web Development rasprave/preporuke/problemi

Brijac Slobodno pitaj pa makar ti se pitanje nekad činilo "glupim". Uvijek bolje pitati pa saznati.

    chono kreiras repo na Gitu, kloniras ga na svoj komp lokalno, kopiras lokalno napravljeno u taj klonirani folder i pushas na Git nakon toga

    Sve je receno, ovo je easy i correct way. Mozes si napravit i .gitignore file u rootu projekta pa dodas fileove i foldere koje ne zelis pushat na remote repo. Recimo konfiguracijski file, passwordi i sve osjetljivo uvijek imas van gita jer to zelis iskljucivo sam prenosit.

    Uvijek je dobra praksa nakon kloniranja repoa napravit poseban branch pa njega publishas remote i mozes napravit Pull Request na master. Master je defaultna grana svakog projekta, ali i to se moze podesiti po zelji. Ideja je da se na masteru ne radi, nego samo gura u njega.

    Cim pushas i publishah lokalni branch remote, odmah na samom gitu gore imas gumb da napravis spoj u master, s tim da gore prethodno toga malo podesis logiku, tipa to koji je main branch, da ne mozes nista gurat u njega bez necije potvrde itd.

    Nije ti lose pogledati koji git tutorial, kratko je i puno ce ti pomoci, git je osnovni alat za development u svakom projektu.

        foggy Sve je receno, ovo je easy i correct way. Mozes si napravit i .gitignore file u rootu projekta pa dodas fileove i foldere koje ne zelis pushat na remote repo. Recimo konfiguracijski file, passwordi i sve osjetljivo uvijek imas van gita jer to zelis iskljucivo sam prenosit.

        E baš to mi je jedan od zadataka, napraviti .gitignore file i dodati file-ove koji ne bi trebali biti na remote repo-u, ali ja pojma nemam koji bi to file-ovi mogli biti. Doslovno u zadatku piše tako kako si ti napisao "npr. config file, password and similar". Na kraju sam našao na google-u neki kao univerzalni .gitignore file i njega stavio.

        foggy Uvijek je dobra praksa nakon kloniranja repoa napravit poseban branch pa njega publishas remote i mozes napravit Pull Request na master. Master je defaultna grana svakog projekta, ali i to se moze podesiti po zelji. Ideja je da se na masteru ne radi, nego samo gura u njega.

        Cim pushas i publishah lokalni branch remote, odmah na samom gitu gore imas gumb da napravis spoj u master, s tim da gore prethodno toga malo podesis logiku, tipa to koji je main branch, da ne mozes nista gurat u njega bez necije potvrde itd.

        Nije ti lose pogledati koji git tutorial, kratko je i puno ce ti pomoci, git je osnovni alat za development u svakom projektu.

        Budem sad tako radio. Prošao jesam Git tutorial, ali do sad slabo s njima radio baš na nekom projektu pa uopće ne znam koje su prakse.

              Brijac Stavis URL i portove recimo u conf file, pa kad dizes app onda on koristis to iz configa. Recimo kad imas vise environmenta onda bildas drugacije url, tipa localhost i produkcija. Praksa je imati .env file gdje trpas sve to, u rootu projekta, pa njega u gitignore, i onda taj file imas lokalno i u produkciji popunjeno sukladno environmentu. Nije lose imati ni neki json za confu, kako ti vise pase.

              Imas i npm paket dotenv ako radis javascript, on hendla te fajlove i onda si slazes stvari uz njega.

              Dobro je koristiti custom portove kad mozes, nije najbolja praksa ostavit default stanja. I tak 🙂

                Ima li dobre duse ovdje da je dizala Zabbix u dockeru i pokusao slati SSH upite prema Ciscovim uredajima kako bi prikupio info?

                Naime, zanima me zasto se ssh moze odraditi direktno sa VMa, a kroz UI zabbixa ne dobijem info niti prode do uredaja, a ponekad se skrsi i baza zabbixa.

                  chono Prvi put čujem za Zabbix, nemam pojma što uz njega dolazi. Ima li on kao on SSH način komunikacije s vanjskim alatima? Ili SSH koristiš na drugačiji način?

                  Dizao sam docker nedavno, prošao neke tutoriale, doduše radim web automation i digao sam Node+Alpine linux, dodao Chromium i Firefox, Python i to mi je image. Ono što ti mogu reći da moraš paziti s docker containerima jesu baš portovi, da možeš nekud komunicirati moraš otvoriti portove kroz koje izlaziš van, eventualno bindat port docker containera na port hosta gdje ih vrtiš. Sve ovisi o infrastrukturi i projektu.

                  VM kao VM ne znam kako točno radi s tim dijelom vezanom za portove, jer Docker kao tehnologija je nešto drugačija i ustvari poznam samo nju donekle. Probaj za prvu ruku upogonit Wireshark ili Fidler pa malo snifaj što se točno dešava između te 2 tehnologije koje želiš povezati.

                      foggy ma imam i osjecaj da je nesto izmedu containera. Portovi su otvoreni, jer kada dodem na bilo koji od containera, mogu SSHat na uredaj i dobijem response na komandu. Mislim da ce biti negdje problem izmedu UI i DB containera Zabbixa. Tu moram skuziti gdje nedostaje komunikacija i zasto se uporno ne kuze kada UI preda SSH upit do DBa i mora izaci van…

                      Neznam jos kako tbh 🤣

                          chono Onda je velika vjerojatnost da se radi o nekom flow-u kroz portove. Docker Container je ni više ni manje nego servis koji diže image i taj servis ima svoju virtualnu mrežu unutar sebe samoga. To znači da ako nemaš EXPOSE komandu u DockerFile datoteci (koja je uputa kakav image da bildaš, na temelju čega onda digneš container) - da zapravo nema komunikacije prema unutra i prema van.

                          Kada imaš više containera, tipa aplikacija i baza (recimo da su to 2 komada) - tu je bitno da oni sami sebe vide gdje moraju da se vide. Tu dolazi Docker Compose koji će ti dić sve containere na način da oni mogu komunicirati (dio njihove privatne mreže će biti, compose je dovoljno pametan da ih posloži da se vide). Međutim, i dalje to nije prema van, nego između njih samih - što možda tebi i igra. Probaj preko Composa dić sve te stvari ako možeš, pa onda pingaj.

                          Recimo možeš ući u sami container sa "docker run -it ImeImiđa sh" ili "docker run -it ImeImiđa bash" (ovisno koji terminal postoji) - pa pingaj google ili nešto van, vidi jel ti vraća ikakvu povratnu informaciju.

                              foggy poigram se time i malo troubleshootam. Hvala puno za savjet

                                Zna li itko u čemu je ovdje problem:

                                Znači npr. ovaj dio:

                                13 Error: No error to ignore is reported on line 35.

                                14Error: No error to ignore is reported on line 59.

                                15Error: No error to ignore is reported on line 31.

                                16Error: No error to ignore is reported on line 29.

                                17Error: No error to ignore is reported on line 67.

                                Error je reportan na liniji koda kojeg file-a uopće. Ne kužim uopće za koji file mi prijavljuje ove errore.

                                Edit: uspio sam i ovo riješiti.

                                Također, ovaj error na dnu, uopće ne kužim što je tu problem. EDIT: ovo sam fixao, pre duge su bile neke linije u tim file-ovima.

                                Radi se o automatskom provjeravanju pull requesta na Githubu i nalaženju grešaka u njemu. Ne odobrava mi pull request dok ovo ne sredim.

                                  Brijac Morat ćeš negdje uploadati s većom rezolucijom jer je ovako premutno pa se ne vidi što se događa.

                                      Fico

                                      Trebalo bi se sad vidjeti.

                                      Edit: Fixao sam oboje. Prvi error je bio taj da postoji nekakav PHPStan ignore command koji sam trebao obrisati na svim ovim linijama koje su pisale u erroru.

                                      Druga slika su bile pre duge linije koda u PHP-u i trebao sam ih brake-at.

                                      Očito je ovo bio nekakav check kako ćemo se na akademiji snalaziti s ovakvih error check-ovima i hoćemo li ih znati čitati.

                                      @Fico svejedno hvala što si htio pomoći 👍️

                                        foggy izgleda da je problem u samom endpointu, moram updateat verziju OSa. Probao sam i preko Ansiblea i ista stvar. Ipak mi je Zabbix docker setup dobar ☺️

                                          10 dana kasnije

                                          Ekipa, gledam u ovo već pola sata, koji qrac ovdje trebam napraviti da to bude po tom nekom koding standardu i da mi ne baca errore?

                                          Edit: problem je bio u tome da je kod copy paste-an u VSC koji ove razmake uopće nije gledao kao tab indentation, nego kao neki obični razmak. Trebao sam samo pobrisati razmak i lupiti tab.

                                            Ako se netko razumije u Wordpress. Htio bi od ovu card komponentu malo modificirati da mi se Paragraph tekst, Heading tekst i ovaj Button prikazuju preko slike, znači da ih prebacim na sliku i podesim poziciju kako želim. Ovo ispod je sve card komponenta koja sadrži prvo gore sliku, pa ispod paragraph pa ispod heading pa paragraph i zadnje dolje button. Zna li itko kako?

                                            Ako je sve unutar istog containera, poigraj se malo s absolute i relative pozicijama

                                              Brijac Ident te mrdao da.

                                              Hot stuff:

                                              Vscode ima auto ident:

                                              On Windows Shift + Alt + F

                                              On Mac Shift + Option + F

                                              On Ubuntu Ctrl + Shift + I

                                              Meni je ovo 90% shortcuta kad kodiram, nevjerojatno koliko korisna tipka. Ovisno o jeziku fajla kojeg pišeš poravnat će ti kod onako kako si si namjestio u postavkama programa (iako je default isto super dobro). Najbolja tipka ikad ak se mene pita.

                                                Fenix Ako je sve unutar istog containera, poigraj se malo s absolute i relative pozicijama

                                                Uspio sam na kraju s time, ali sam dobio primjedbu da to mogu bolje napraviti ako wrapam heading i paragraph i još jednom div-u i dam mu CSS klasu, mogu repozicionirat samo taj div na dobre pozicije, a ovako oboje i paragraph i heading. E sad, ja sam sa CSS-om radio malo sam prije par godina pa pojma nemam što zapravo trebam napraviti.

                                                Kod je ovaj:

                                                Pa ako netko zna što bi tu trebalo i ima volje objasniti mi kao početniku.. 😃

                                                    Brijac ako sam te dobro shvatio, dobio si preporuku da u HTML kodu staviš heading i paragraph u jedan container i onda targetiraš samo njega. A koliko vidim iz SS-a, to nisi napravio. Trebao bi dati i HTML kod na uvid.

                                                    Iz ovog CSS-a sada ti heading i paragraph containeri s absolute pozicijom u obzir uzimaju granice parent cointainera (vjerojatno .cardoverlay-simple). Sad se samo poigraj u inspectoru s udaljenostima i donesi ih tamo gdje trebaš.

                                                    EDIT: Aha, sad sam tek pročitao da si uspio. Otvori php file gdje ti je includean html kod i tamo heading i paragraph divove stavi pod jedan.

                                                      Brijac Hrvoje mudro zbori, i nazovi klasu na divu kojim wrappaš headere i paragrafe tako da CSS sjedne lokatorom na to. I nazovi tu klasu class="brijacova-cssovaca" 😃

                                                      Ja sam užasan za CSS; zato koristim MaterializeCSS koji sve u sebi to ima, samo mećeš klase koje imaju kod. Nešto kao bootstrap… Za mene riješenje tih sranja jer ne znam poravnati ništa u ničemu. Ali zato kodirat u JS-u znam sve živo (skoro).