{"id":3904,"date":"2024-12-16T21:23:15","date_gmt":"2024-12-16T21:23:15","guid":{"rendered":"https:\/\/yininit.nl\/?p=3904"},"modified":"2024-12-19T18:28:50","modified_gmt":"2024-12-19T18:28:50","slug":"kba-hosten-en-website","status":"publish","type":"post","link":"https:\/\/yininit.nl\/index.php\/2024\/12\/16\/kba-hosten-en-website\/","title":{"rendered":"KBA hosten en website"},"content":{"rendered":"\n

https:\/\/dashboard.render.com\/<\/a><\/p>\n\n\n\n

\n\n\n\n

Stap 1: Voorbereiding<\/strong><\/h2>\n\n\n\n

Voor Render heb je een werkende Flask-app<\/strong>, een GitHub-repository<\/strong>, en de benodigde bestanden nodig.<\/p>\n\n\n\n

Stap 1.1: Installeer Git op je computer (indien nodig)<\/strong><\/h3>\n\n\n\n

Als je Git nog niet hebt ge\u00efnstalleerd:<\/p>\n\n\n\n

    \n
  1. Download en installeer Git via https:\/\/git-scm.com\/<\/a>.<\/li>\n<\/ol>\n\n\n\n

    Stap 1.2: Maak je projectmap<\/strong><\/h3>\n\n\n\n
      \n
    1. Open een map op je computer waar je je bestanden wilt opslaan.<\/li>\n\n\n\n
    2. Maak een nieuwe map, bijvoorbeeld kba_project<\/code>.<\/li>\n<\/ol>\n\n\n\n

      Stap 1.3: Maak de nodige bestanden<\/strong><\/h3>\n\n\n\n

      Navigeer naar je projectmap en maak de volgende bestanden:<\/p>\n\n\n\n

      1. app.py<\/code> (Flask-code):<\/strong><\/h4>\n\n\n\n

      Gebruik een teksteditor zoals VS Code, Sublime Text, of Notepad++ om dit bestand te maken:<\/p>\n\n\n\n

      python<\/p>\n\n\n\n

      Code kopi\u00ebren<\/p>\n\n\n\n

      from flask import Flask, request, jsonify app = Flask(__name__) @app.route(\"\/kba\", methods=[\"POST\"]) def answer_question(): data = request.json vraag = data.get(\"vraag\", \"\") if not vraag: return jsonify({\"error\": \"Geen vraag ontvangen.\"}), 400 antwoord = f\"Hier is je antwoord op: '{vraag}'\" return jsonify({\"vraag\": vraag, \"antwoord\": antwoord}) if __name__ == \"__main__\": app.run(host=\"0.0.0.0\", port=5000)<\/code><\/p>\n\n\n\n

      2. requirements.txt<\/code> (afhankelijkheden):<\/strong><\/h4>\n\n\n\n

      Maak een bestand requirements.txt<\/code> in dezelfde map en voeg de volgende regels toe:<\/p>\n\n\n\n

      Code kopi\u00ebren<\/p>\n\n\n\n

      flask<\/code><\/p>\n\n\n\n

      3. Procfile<\/code> (Render-configuratie):<\/strong><\/h4>\n\n\n\n

      Maak een bestand genaamd Procfile<\/code> (zonder extensie!) en voeg de volgende regel toe:<\/p>\n\n\n\n

      makefile<\/p>\n\n\n\n

      Code kopi\u00ebren<\/p>\n\n\n\n

      web: python app.py<\/code><\/p>\n\n\n\n

      \n\n\n\n

      Stap 2: Upload je project naar GitHub<\/strong><\/h2>\n\n\n\n

      Stap 2.1: Maak een GitHub-repository<\/strong><\/h3>\n\n\n\n
        \n
      1. Ga naar GitHub<\/a> en log in.<\/li>\n\n\n\n
      2. Klik op New Repository<\/strong>.<\/li>\n\n\n\n
      3. Geef je repository een naam, bijvoorbeeld kba_project<\/code>, en klik op Create Repository<\/strong>.<\/li>\n<\/ol>\n\n\n\n

        Stap 2.2: Upload je bestanden naar GitHub<\/strong><\/h3>\n\n\n\n

        In CMD:<\/em><\/p>\n\n\n\n

        echo “# kba_project” >> README.md <\/p>\n\n\n\n

        git init <\/p>\n\n\n\n

        git add README.md <\/p>\n\n\n\n

        git commit -m “first commit” <\/p>\n\n\n\n

        git branch -M main <\/p>\n\n\n\n

        git remote add origin https:\/\/github.com\/BeatrijsvO\/kba_project.git <\/p>\n\n\n\n

        git push -u origin main<\/p>\n\n\n\n

        <\/p>\n\n\n\n

        \n\n\n\n

        Stap 3: Host je KBA op Render<\/strong><\/h2>\n\n\n\n

        Stap 3.1: Maak een Render-account<\/strong><\/h3>\n\n\n\n
          \n
        1. Ga naar Render<\/a> en meld je aan.<\/li>\n\n\n\n
        2. Klik op New \u2192 Web Service<\/strong>.<\/li>\n<\/ol>\n\n\n\n

          Stap 3.2: Koppel Render aan je GitHub-repository<\/strong><\/h3>\n\n\n\n
            \n
          1. Selecteer je GitHub-repository kba_project<\/code>.<\/li>\n\n\n\n
          2. Klik op Connect<\/strong>.<\/li>\n<\/ol>\n\n\n\n

            Stap 3.3: Configureer de hosting<\/strong><\/h3>\n\n\n\n
              \n
            1. Vul de instellingen in:\n