Skip to content

elmeunick9/jedi-web-api-mlist

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
.gitignore
.gitignore
 
 
README.md
README.md
 
 
db.json
db.json
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 
server.js
server.js
 
 

Repository files navigation

HTML5, CSS, JSWinter 2021 Tauler d'activitat Treball de classe Persones HTML5, CSS, JS Winter 2021 Pròxims Data de venciment: divendres 23:59: Entrega Proyecto final. Mostra-ho tot Tasca: "Entrega Proyecto final." Francisco Mendoza ha publicat una tasca nova: Entrega Proyecto final. Data de creació: 5 de febr.5 de febr. Anunci: Meet para la presentación de JEDI. Francisco Mendoza Data de creació: 5 de febr.5 de febr. Meet para la presentación de JEDI. Videotrucada de la classe http://meet.google.com/uzh-zxmg-fqr?authuser=0&hs=179 Anunci: Formulario de feedback del curso. Francisco Mendoza Data de creació: 5 de febr.5 de febr. Formulario de feedback del curso. Formulario de satisfacción Cursos JEDI Invierno 2021 https://forms.gle/6TZRVVRCFAWmNt2v6 Anunci: Código JSON Server, modificad solo el… Francisco Mendoza Data de creació: 5 de febr.5 de febr. Código JSON Server, modificad solo el contenido de db.json. server.js JavaScript README.md Text package.json Fitxer desconegut db.json Fitxer desconegut Anunci: Links a las plataformas. -Github… Francisco Mendoza Data de creació: 5 de febr.5 de febr. Links a las plataformas. -Github -Heroku (JSON server) -Netlify (Proyecto Web) GitHub: Where the world builds software · GitHub https://github.com/ Heroku | Login https://dashboard.heroku.com/ Netlify: Develop & deploy the best web experiences in record time https://www.netlify.com/ Anunci: Solución Pokemon API Table. Francisco Mendoza Data de creació: 5 de febr.5 de febr. Solución Pokemon API Table. pokemon-api.js JavaScript pokemon-api.html HTML pokemon-api.css Full d'estil api_good_practices.js JavaScript Anunci: Importar Axios: <script… Francisco Mendoza Data de creació: 4 de febr.4 de febr. Importar Axios: <script src="https://unpkg.com/axios/dist/axios.min.js&quot;&gt;&lt;/script> Anunci: Solucion Rendering jQuery. Francisco Mendoza Data de creació: 4 de febr.4 de febr. Solucion Rendering jQuery. dynamic_jquery.html HTML dynamic-jquery.js JavaScript Tasca: "Pokemon API Table" Francisco Mendoza ha publicat una tasca nova: Pokemon API Table Data de creació: 4 de febr.4 de febr. (Darrera modificació: 5 de febr.) Anunci: Solucion async/await js Francisco Mendoza Data de creació: 3 de febr.3 de febr. Solucion async/await js sol-async_await.js JavaScript Tasca: "Rendering automatico con jQuery" Francisco Mendoza ha publicat una tasca nova: Rendering automatico con jQuery Data de creació: 3 de febr.3 de febr. (Darrera modificació: 3 de febr.) Anunci: Diapos jQuery. Francisco Mendoza Data de creació: 3 de febr.3 de febr. (Darrera modificació: 3 de febr.) Diapos jQuery. JQuery Jedi course.pptx PowerPoint Anunci: CDN jQuery: <script… Francisco Mendoza Data de creació: 3 de febr.3 de febr. CDN jQuery: <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> Anunci: Solución Form con JS. Francisco Mendoza Data de creació: 3 de febr.3 de febr. (Darrera modificació: 3 de febr.) Solución Form con JS. form_sol.html HTML form_sol.js JavaScript Tasca: "Form Submission con JS" Francisco Mendoza ha publicat una tasca nova: Form Submission con JS Data de creació: 2 de febr.2 de febr. (Darrera modificació: 2 de febr.) Tasca: "Async/Await" Francisco Mendoza ha publicat una tasca nova: Async/Await Data de creació: 2 de febr.2 de febr. Anunci: Solucion Promises. Francisco Mendoza Data de creació: 2 de febr.2 de febr. Solucion Promises. sol-promises.js JavaScript Anunci: Guidelines para el Proyecto. Francisco Mendoza Data de creació: 2 de febr.2 de febr. Guidelines para el Proyecto. Guidelines Proyecto Documents de Google Anunci: Solución Callbacks. Francisco Mendoza Data de creació: 1 de febr.1 de febr. Solución Callbacks. sol-callbacks.js JavaScript Tasca: "Promises" Francisco Mendoza ha publicat una tasca nova: Promises Data de creació: 1 de febr.1 de febr. Anunci: Diapos JS. Francisco Mendoza Data de creació: 1 de febr.1 de febr. (Darrera modificació: 2 de febr.) Diapos JS. JS Jedi course.pptx PowerPoint Tasca: "Callbacks" Francisco Mendoza ha publicat una tasca nova: Callbacks Data de creació: 1 de febr.1 de febr. Anunci: Correo para consultas:… Francisco Mendoza Data de creació: 31 de gen.31 de gen. Correo para consultas: [email protected] Anunci: Ejemplo Flex. Francisco Mendoza Data de creació: 29 de gen.29 de gen. Ejemplo Flex. ejemplo_boots.html HTML Anunci: Enlace a como cambiar el tampaño de… Francisco Mendoza Data de creació: 28 de gen.28 de gen. Enlace a como cambiar el tampaño de iconos. Sizing Icons | Font Awesome https://fontawesome.com/how-to-use/on-the-web/styling/sizing-icons Anunci: Solución Cuadro con Grid de Bootstrap. Francisco Mendoza Data de creació: 28 de gen.28 de gen. Solución Cuadro con Grid de Bootstrap. portrait-boots.html HTML Tasca: "Web con bootstrap." Francisco Mendoza ha publicat una tasca nova: Web con bootstrap. Data de creació: 28 de gen.28 de gen. Anunci: Ejemplo de uso de Bootstrap. Francisco Mendoza Data de creació: 28 de gen.28 de gen. Ejemplo de uso de Bootstrap. ejemplo_boots.html HTML Tasca: "Cuadro con Grid de Bootstrap." Francisco Mendoza ha publicat una tasca nova: Cuadro con Grid de Bootstrap. Data de creació: 28 de gen.28 de gen. Anunci: Documentación Bootstrap. Francisco Mendoza Data de creació: 28 de gen.28 de gen. Documentación Bootstrap. Bootstrap · The most popular HTML, CSS, and JS library in the world. https://getbootstrap.com/

Deploy json-server to {{ free hosting site }}

Instructions how to deploy the full fake REST API json-server to various free hosting sites. Should only be used in development purpose but can act as a simpler database for smaller applications.

Create your database

1 . Clone this repo to anywhere on your computer.

git clone https://github.com/jesperorb/json-server-heroku.git

2 . Change db.json to your own content according to the json-server example and then commit your changes to git.

this example will create /posts route , each resource will have id, title and content. id will auto increment!

{
  "posts":[
    {
      "id" : 0,
      "title": "First post!",
      "content" : "My first content!"
    }
  ]
}

Deploy to Heroku

Heroku

Heroku is a free hosting service for hosting small projects. Easy setup and deploy from the command line via git.

Pros
  • Easy setup
  • Free
Cons
  • App has to sleep a couple of hours every day.
  • "Powers down" after 30 mins of inactivity. Starts back up when you visit the site but it takes a few extra seconds. Can maybe be solved with Kaffeine

Install Heroku

1 . Create your database

2 . Create an account on
https://heroku.com

3 . Install the Heroku CLI on your computer:
https://devcenter.heroku.com/articles/heroku-cli

4 . Connect the Heroku CLI to your account by writing the following command in your terminal and follow the instructions on the command line:

heroku login

5 . Then create a remote heroku project, kinda like creating a git repository on GitHub. This will create a project on Heroku with a random name. If you want to name your app you have to supply your own name like heroku create project-name:

heroku create my-cool-project

6 . Push your app to Heroku (you will see a wall of code)

git push heroku master

7 . Visit your newly create app by opening it via heroku:

heroku open

8 . For debugging if something went wrong:

heroku logs --tail

How it works

Heroku will look for a startup-script, this is by default npm start so make sure you have that in your package.json (assuming your script is called server.js):

 "scripts": {
    "start" : "node server.js"
 }

You also have to make changes to the port, you can't hardcode a dev-port. But you can reference herokus port. So the code will have the following:

const port = process.env.PORT || 4000;

Deploy to now

1 . Create your database

2 . Install now cli-tool globally

npm install -g now

3 . Run the now command in this folder/repo where your project is. If you run it for the first time, you will be prompted to login, after login, run the command again:

now --public

--public is to skip the prompt telling you that you will open source your project if you deploy it to now

4 . The URL will be copied automatically and you can just paste it into your browser.

  1. Optional: Rename the deployment:
now alias https://your-deployed-name.now.sh new-name

first argument is the deployed site, second argument is the new name to give it

Deploy to Azure

Azure

You can also use Microsoft Azure to deploy a smaller app for free to the Azure platform. The service is not as easy as Heroku and you might go insane because the documentation is really really bad at some times and it's hard to troubleshoot.

The pros are that on Azure the app will not be forced to sleep. It will sleep automatically on inactivity but you can just visit it and it will start up.

Installation

1 . Create a Microsoft Account that you can use on Azure:
https://azure.microsoft.com/

2 . Install the azure-cli:
https://docs.microsoft.com/en-us/cli/azure/install-azure-cli This might cause some trouble, you will see. Remember to restart your terminal or maybe your computer if the commands after this does not work

3 . Login to the service via the command line and follow the instructions: 

az login

You will be prompted to visit a website and paste a confirmation code

Create the project

1 . Create your database

2 . Create a resource group for your projects, replace the name to whatever you want just be sure to use the same group name in all commands to come. You only have to create the resource group and service plan once, then you can use the same group and plan for all other apps you create if you like.

az group create -n NameOfResourceGroup -l northeurope

3 . Create a service plan:

az appservice plan create -n NameOfServicePlan -g NameOfResourceGroup

4 . Create the actual app and supply the service plan and resource group

az webapp create -n NameOfApp -g NameOfResourceGroup --plan NameOfServicePlan

5 . Create deployment details. A git-repo is not created automatically so we have to create it with a command:

az webapp deployment source config-local-git -n NameOfApp -g NameOfResourceGroup

6 . From the command in step 5 you should get a url in return. Copy this url and add it as a remote to your local git project, for example:

git remote add azure https://[email protected]/deploy-testing.git

7 . Now you should be able to push your app:

git push azure master

You should be prompted to supply a password, this should be the pass to your account. If not, you can choose a different password at your Dashboard for Azure: https://portal.azure.com/

Choose App Services in the sidebar to the left and the choose your app in the list that appears then go to Deployment Credentials to change your password for deployment:
https://docs.microsoft.com/en-us/azure/app-service/app-service-deployment-credentials

README.md El tauler de detalls s'ha replegat.

About

TestTestTest

Resources

Readme
Activity

Stars

0 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published

Languages