Kaip serveryje įdiegti plazdantį internetą?

How Deploy Flutter Web Server



Sprendimas:

[ATNAUJINTI]

„Flutter“ palaiko žiniatinklio gamybos versiją„flutter“ sukurkite žiniatinklio komandą, panašią į kitas platformas („Android“ ir „iOS“), ir pamatysite



kurti/internete



aplankas, sukurtas daugiausia naudojant šaltinio failusindex.html, main.dart.js ir išteklių aplanką, ir jūs galite tiesiog jį įdiegti savo serveryje,



[SENO ATSAKYMO 1 ir 2 ŽINGSNIAI nebereikalingi]

jums tiesiog reikia atlikti gamybinę konstrukciją naudojantwebdev įrankis. instaliuoti„Webdev“ jums reikia baro įrankio,

  1. todėl eikite į vietą, kurioje turite smiginįĮdiegta SDK, o šiukšliadėžės aplanke turėtumėte turėti pub partijos failą. Kad galėtumėte naudoti pub iš cmd, turite pateikti aplanko „bin“ kelią į aplinkos kintamąjį.



  2. Dabar atidarykite cmd ir paspauskite žemiau esančią komandą, kad įdiegtumėtewebdev

    pub global suaktyvinti webdev

    // jūsų „intelliJ Idea“ terminale

  3. Dabar eikite į savo projekto šakninį aplanką ir atlikite kūrimą išleidimo režimu

    plazdėjimo kūrimo tinklas

  4. turėtumėte pamatyti kūrimo aplanką (/build/web) šakniniame kataloge, tiesiog nukopijuokite tą aplanką ir priglobkite jį žiniatinklio serveryje.

Aš naudoju tą patį būdą, kaip jį įdiegti „GitHub“ puslapiuose, čia pateikiamas išsamus vadovas.

Naudinga nuoroda: https://dart.dev/tools/webdev#build

Čia veikia veikianti „flutterweb“ programa


Galite planuoti žiniatinklio programą bendrinamame priegloboje su Nodejus arba viduje VPS serveris su Python Sekite šį vidutinio dydžio tinklaraščio įrašą

įveskite paveikslėlio aprašymą čia

Sukūrę savo „flutter“ žiniatinklio programą naudodami „flutter build web“ ir norite ją priglobti bendrinamo prieglobos plane, paruoškite „nodejs“ programą kaip paprastą „flutter“ žiniatinklio programos serverį, čia yra pavyzdinis kodas

app.js

var express = reikalauti ('express'); var kelias = reikalauti ('kelias'); var cookieParser = reikalauti ('cookie-parser'); var logger = reikalauti ('morgan'); var app = express (); app.use (registratorius („dev“)); app.use (express.json ()); app.use (express.urlencoded ({išplėstinė: klaidinga})); app.use (cookieParser ()); app.use (express.static (path.join (__ dirname, 'public-flutter'))); module.exports = programa;

package.json

{'name': 'flutter-web-app', 'version': '0.0.0', 'private': true, 'scripts': {'start': 'node ./bin/www'}, 'priklausomybės ': {' cookie-parser ':' ~ 1.4.4 ',' debug ':' ~ 2.6.9 ',' express ':' ~ 4.16.1 ',' morgan ':' ~ 1.9.1 '}}

Sukurkite aplanką ir pavadinkite jį (public-flutter), tada įdėkite savo „flutter“ žiniatinklio programą į ką tik sukurtą aplanką, kad „nodejs“ galėtų jį aptarnauti per savo serverį, jei esate bendrinamame priegloboje, tiesiog tęskite tinklaraščio įrašą čia

ir jei esate VPS serveryje, paleiskite šią komandą, jei norite serverį „nodejs“

mazgas app.js

arba jei nenorite, kad „nodejs“ tiesiog naudokitės „python“ savo „flutter“ žiniatinklio programoje ir naudokite ją kaip paprastą http serverį su šia komanda

nohup python -m SimpleHTTPServer 8000 ir

Tiesiog įsitikinkite, kad vykdydami komandą esate žiniatinklio programos aplanke. „nohub“ leis komandai veikti, net jei uždarėte SSH sesiją „Linux“. Arba galite serverį teikti savo programai per „Dart pub“/„webdev“ įrankius naudodami dhttpd paketą.


Čia yra paprastas būdas įdiegti savo plazdančią žiniatinklio programą „Amazon“ žiniatinklio serveryje.

Toliau yra paprastas procesas, kurio aš laikausi.

  1. Sukurkite plazdantį tinklą:plazdėjimo kūrimo tinklas - paleiskite
  2. Sukurti egzempliorių aws ec2 serveryje: vidutiniškai paskirkite šiek tiek atminties savo svetainei serveryje. Egzempliorius yra virtualus serveris „aws“ debesyje.
  3. Prisijunkite prie savo serverio (egzemplioriaus) naudodami glaistą:
  4. Įdiekite „Vesta“ valdymo skydelį savo serveryje. (jei jums nepatinka „vesta“, galite įdiegti ir kitą valdymo skydą).
  5. Įkelkite savo turinį (svetainę) į serverį. („FileZilla“ pagalba galite lengvai įkelti savo svetainės turinį į serverį)

Čia yra paprasta vaizdo pamoka: https://youtu.be/htuHNO9JeRU