Skip to content

deployment.md

Latest commit

 

History

History
121 lines (87 loc) · 3.93 KB

deployment.md

File metadata and controls

121 lines (87 loc) · 3.93 KB

Deployment 👷

I stort sett så är det detta som skapas när du har "byggt" färdigt ditt projekt:

index.html
bundle.js
style.css

Detta är en vanlig statisk html-sida som inte behöver något extra för att läggas upp live. Alla webbhotell eller hosting-sidor borde kunna lägga upp vår sida.

manifest.json

manifest.json styr hur vår hemsida beter sig som en app, t.ex. vilka färger startskärmen har och hur ikonen ser ut om vi lägger till hemsidan på vår hemskärm i mobilen.

Tjänster

All information för hur man lägger upp sin statiska react-sida på en gratis hosting-tjänst finns under create-react-app README. Det finns en rad olika tjänster så välj en som du gillar helt enkelt. GitHub Pages går fortfarande att använda. Installationsinstruktioner för GitHub Pages och now finns nedan men nästan samtliga tjänster har lika många steg/lika lätt/lika svårt att använda.

GitHub Pages

Du måste göra två ändringar i din package.json samt lägga till ett nytt paket i din create-react-app för att skicka upp appen till GitHub Pages:

Installera gh-pages-paketet:

npm install --save gh-pages

Lägg till två scripts under "scripts" i package.json

"scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build",

samt lägg till detta i rooten på package.json och byt ut till vad ditt användarnamn är på github samt vad ditt repo heter

"homepage": "https://myusername.github.io/my-app",

Hela package.json borde se ut liknande

{
  "name": "deployment",
  "version": "0.1.0",
  "dependencies": {
    "react": "^15.6.1",
    "react-dom": "^15.6.1",
    "react-scripts": "1.0.13"
  },
  "scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build",
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "homepage" : "https://jesperorb.github.io/deployment"
}

Kör sedan detta kommando sen är du klar:

npm run deploy

NOW

Först måste du installera now globalt

installera now globalt

npm install -g now

kör byggkommandot i rooten på ditt projekt

npm run build

cd in i build-mappen som skapas

cd build

kör now-kommandot

now

ge din deployment ett unikt namn genom att ge den ett alias, först originalURL, sedan vad den nya URLen ska heta

now alias https://cat-deploy-nrsljkyfgt.now.sh/ cat-deploy

Varje gång du ska göra en ändring så måste du lägga upp en ny version/ny länk till ditt projekt och köra alias till det nya projektet.

Authorized Domains

Du måste även lägga till den URL:en du lägger upp din app på i Authorized Domains i firebase:

Auth Domains