{"id":27155877,"url":"https://github.com/cloudsteak/trn-azure-webapp-sql","last_synced_at":"2026-03-14T06:02:49.093Z","repository":{"id":192890116,"uuid":"687510241","full_name":"cloudsteak/trn-azure-webapp-sql","owner":"cloudsteak","description":"WebApp + SQL adatbázis - Azure","archived":false,"fork":false,"pushed_at":"2025-02-12T19:58:53.000Z","size":418,"stargazers_count":2,"open_issues_count":6,"forks_count":3,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-12T20:35:05.682Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cloudsteak.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":"CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-05T13:59:03.000Z","updated_at":"2025-02-12T19:58:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"69f1aafb-780c-45dd-8817-be4ee80da277","html_url":"https://github.com/cloudsteak/trn-azure-webapp-sql","commit_stats":null,"previous_names":["cloudsteak/trn-azure-webapp-sql"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudsteak%2Ftrn-azure-webapp-sql","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudsteak%2Ftrn-azure-webapp-sql/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudsteak%2Ftrn-azure-webapp-sql/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudsteak%2Ftrn-azure-webapp-sql/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cloudsteak","download_url":"https://codeload.github.com/cloudsteak/trn-azure-webapp-sql/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247918923,"owners_count":21018044,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-04-08T19:57:10.150Z","updated_at":"2026-03-14T06:02:49.064Z","avatar_url":"https://github.com/cloudsteak.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# WebApp + SQL adatbázis - Azure\n\n## Tarttalomjegyzék\n\n1. [Adatbázis létrehozás](#1-adatbázis-létrehozás)\n2. [Adatstruktúra létrehozása](#2-adatstruktúra-létrehozása)\n3. [Webalkalmazás futtatása - helyileg](#3-webalkalmazás-futtatása---helyileg)\n4. [Webalkalmazás futtatása - Azure](#4-webalkalmazás-futtatása---azure)\n5. [SQL kapcsolat beállítása a Webalkalmazásban](#5-sql-kapcsolat-beállítása-a-webalkalmazásban)\n6. [Alkalmazás tesztelése](#6-alkalmazás-tesztelése)\n\n## 1. Adatbázis létrehozás\n\n1. Jelentkezz be az [Azure Portál-ra](https://portal.azure.com/)\n2. Menj a piactérre és keress rá a `SQL Database` kifejezésre\n3. A találatok közül válaszd ki [`SQL Database`](https://portal.azure.com/#create/Microsoft.SQLDatabase) elemet.\n4. Add meg az adatbázis adatait:\n   - Előfizetés\n   - Erőforráscsoport: `adatbazisok`\n   - Adatbázis neve: `katalogus`\n   - Kiszolgáló - itt hozzunk létre egy újat.\n     - Kiszolgálónév (egyedinek kell lennie): `mentorklub2025-sql`\n     - Hely: `north-europe`\n     - Hitelesítési mód: `SQL- és Azure Active Directory-hitelesítés használata`\n     - Azure AD rendszergazda beállításánál válasszuk ki a felhasználónkat\n     - Kiszolgáló rendszergazdájának felhasználóneve: `adatgazda`\n     - Jelszónál generáljunk valami erős jelszót [itt](https://delinea.com/resources/password-generator-it-tool). (Pl.: `FA+Hb#Tb8dLsUdac8UVesY*8`)\n   - Szeretne rugalmas SQL-készletet használni?: `Nem`\n   - Számítási feladat környezete: `Fejlesztés`\n5. `Következő: Hálózatkezelés \u003e`\n6. Hálózati beállítások\n   - Csatlakozási módszer: `Nyilvános végpont`\n   - Tűzfalszabályok:\n     - A kiszolgáló elérésének engedélyezése az Azure-szolgáltatások és -erőforrások számára: `Igen`\n     - Jelenlegi ügyféloldali IP-cím hozzáadása: `Igen`\n7. `Következő: Biztonság \u003e`\n8. `Következő: További beállítások \u003e`\n9. `Következő: Címkék \u003e`\n10. `Következő: Felülvizsgálat + létrehozás \u003e`\n11. `Létrehozás`\n12. Megvárjuk, amíg az adatbázis létrejön\n\n## 2. Adatstruktúra létrehozása\n\nTelepítsd az [Azure Data Studio-t](https://learn.microsoft.com/en-gb/sql/azure-data-studio/download-azure-data-studio?view=sql-server-ver16\u0026tabs=redhat-install%2Credhat-uninstall#download-azure-data-studio)\n\nNyissuk meg és jelentkezzünk be. Ehhez szükségünk lesz az adatbázis szerver adataira. Ezt a portálon, az adatbázis tulajdonságai alatt találjuk.\n(Kiszolgálónév, Kiszolgáló rendszergazdájának felhasználóneve, és a jelszó amit megadtunk a létrehozáskor)\n\nHa bejelentkeztünk, futtassuk le a `katalogus` adatbázison a következő scripteket\n\n### Adat táblák létrehozása\n\n```sql\nCREATE TABLE dbo.ElemKategoria\n(\n[elemkategoriaid] int PRIMARY KEY IDENTITY(1, 1),\n[name] varchar(30) NOT NULL,\n)\n\nCREATE TABLE dbo.Elem\n(\n[elemid] int PRIMARY KEY IDENTITY(1, 1),\n[name] varchar(100) NOT NULL,\n[elemkategoriaid] int,\n)\n```\n\n### Adatok létrehozása a `ElemKategoria` táblában\n\n```sql\nINSERT INTO dbo.ElemKategoria(name)\nVALUES ('Szoftver')\n\nINSERT INTO dbo.ElemKategoria(name)\nVALUES ('Hardver')\n```\n\n### Adatok létrehozása a `Elem` táblában\n\n```sql\nINSERT INTO dbo.Elem(elemkategoriaid, name)\nVALUES (1, 'Windows 11')\n\nINSERT INTO dbo.Elem(elemkategoriaid, name)\nVALUES (1, 'Windows 10')\n\nINSERT INTO dbo.Elem(elemkategoriaid, name)\nVALUES (1, 'MacOS 13')\n\nINSERT INTO dbo.Elem(elemkategoriaid, name)\nVALUES (1, 'Ubuntu 22.04')\n\nINSERT INTO dbo.Elem(elemkategoriaid, name)\nVALUES (2, 'Dell 14\" notebook')\n\nINSERT INTO dbo.Elem(elemkategoriaid, name)\nVALUES (2, 'HP 14\" notebook')\n\nINSERT INTO dbo.Elem(elemkategoriaid, name)\nVALUES (2, 'MacBook Air M2')\n\nINSERT INTO dbo.Elem(elemkategoriaid, name)\nVALUES (2, 'MacBook Pro M2 Pro')\n```\n\n## 3. Webalkalmazás futtatása - helyileg\n\n1. Függőségek telepítése: `npm install`\n2. Alkalmazás futtatása: `DEBUG=trn-azure-webapp-sql:* npm start`\n3. Ellenőrzés. Böngészőben nyissuk meg a http://localhost:8080 linket\n\n## 4. Webalkalmazás futtatása - Azure\n\n1. Jelentkezz be az [Azure Portál-ra](https://portal.azure.com/)\n2. Menj a piactérre és keress rá a `Webalkalmazás` kifejezésre\n3. A találatok közül válaszd ki [`Webalkalmazás`](https://portal.azure.com/#create/Microsoft.WebSite) elemet.\n4. Add meg az webalkalmazás adatait:\n   - Előfizetés\n   - Erőforráscsoport: `webalkalmazasok`\n   - Név (Egyedinek kell lennie): `termekkatalogus`\n   - Közzététel: `Kód`\n   - Futtatókötnyezet verme: `Node 22 LTS`\n   - Operációs rendszer: `Linux`\n   - Régió: `north-europe`\n   - Linux-csomagnál válasszunk egy létezőt vagy hozzunk létre újat\n5. `Következő: Üzembe helyezés \u003e`\n6. Folyamatos üzembe helyezés: `Engedélyezés`\n7. GitHub-fiók esetén csatlakozzunk a GitHub-hoz és válasszuk a kód fiókját.\n8. Adattár: `trn-azure-webapp-sql`\n9. Ág: `main`\n10. `Következő: Hálózat \u003e`\n11. `Következő: Figyelés \u003e`\n12. `Következő: Címkék \u003e`\n13. `Következő: Felülvizsgálat + létrehozás \u003e`\n14. `Létrehozás`\n15. Megvárjuk, amíg a webalkalmazás létrejön és a kód felolvasásra kerül. (Ez utóbbit az `Üzembe helyezési központban láthatjuk majd`)\n16. Tesztelés: `https://\u003cwebalkalmazásom neve\u003e.azurewebsites.net`\n\n## 5. SQL kapcsolat beállítása a Webalkalmazásban\n\n1. Jelentkezz be az [Azure Portál-ra](https://portal.azure.com/)\n2. Nyisd meg a webalkalmatásod beállításait\n3. Menj be a `Konfiguráció` menüpontba\n4. `Alkalmazásbeállítások` alatt hozd létre az alábbi elemeket az `Új alkalmazásbeállítás` gombra kattintva\n\n| Név         | Érték                                              |\n| ----------- | -------------------------------------------------- |\n| DB_USER     | adatgazda                                          |\n| DB_PASSWORD | \u003cjelszó amit az adatbázis felhasználóhoz megadtál\u003e |\n| DB_SERVER   | \u003cSQL szerver kiszolgálóneve\u003e                       |\n| DB_NAME     | katalogus                                            |\n| DB_PORT     | 1433                                               |\n\n5. Mentés\n\n## 6. Alkalmazás tesztelése\n\nhttps://\u003cwebalkalmazásom neve\u003e.azurewebsites.net\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudsteak%2Ftrn-azure-webapp-sql","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcloudsteak%2Ftrn-azure-webapp-sql","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudsteak%2Ftrn-azure-webapp-sql/lists"}