Seeitinaction:
Ontheweb-https://bitwiser.ioAppStore-https://itunes.apple.com/us/app/bitwiser-trivia/id1447244501?mt=8GooglePlay-https://play.google.com/store/apps/details?id=io.bitwiser.triviaThisispartofbuildinganewappformyseries-RealWorldAngular@https://blog.realworldfullstack.io/
Part0:Fromzerotocli-ng
Part1:Notanothertodolistapp
Part2:It'saMaterialworld
Part3:FormFormation
Part4:StateofmySPA
Part5:Lightmyfire
Part6:3Rs...Rules,Roles&Routes
Part6.1:Upgradingto4.0.0-rc.2
Part7:Splitmylazyloadedcode
Part8:JustAheadofInTime
Part9:UnitTesting
Part9.1:MoreUnitTesting
Part9.2:EvenMoreUnitTests
Part10:Angular4upgrade
Part11:GameplaywithAngular
Part12:CloudFunctionsforFirebase
Part13:ElasticsearchonGoogleCloudwithFirebasefunctions
Part14:FacetedsearchwithElasticsearchandAngularMaterialdata-table
Part15:IncorporateMaterialUIdesignintotheapp
Part16:MigratingfromFirebasetoFirestore
Part17:BulkuploadandUserprofilesettingsusingfirebasecloudstorage
Part18:Revisitingngrx-Splittingstoreintofeaturemodules,usingactionclasses,selectors&router-store
Part19:ReadyPlayerTwo-Twoplayergameplay,computingstats,dashboardandotherfeatures
Part20:Angular,ngrx&cliversion6-UpgradingAngular,cli,ngrx,material&RxJStoversion6
Part21:ServiceWorkers(ProgressiveWebApp)withAngular
Part22:AngularTestingwithProtractor,JasmineandJest
Part23:ServersiderenderingwithAngularuniversal
Part24:Angularworkspace
Part25-a:NativeScript,AngularandFirebase
QuickInstallationInstructionsInstallcliglobally(versionshouldmatchtheoneinpackage.json)npminstall-g@angular/cli@1.0.0
Installnpmpackagesnpminstall
Setupyourfirebaseinstance@https://firebase.google.com/
SetupprovidersinFirebaseAuthentication
Usethefirebaseconfigurationinformationandplugitinsrc/environment.ts
Importsrc/db.jsontoyourfirebasedatabaseinstancetogettheinitialsetoftestdata
Runtheapplicationusingngserve
ngserve
Addyourselfasauserusingtheapplication.EnsureyouareaddedasauserinAuthenticationtaboffirebaseconsole.
Addyouruseridasanadmininthefirebasedatabase(adminsneedtobeaddedmanually)-
Set:users/<userid>/roles/admin:true
Usefirebase-rules.jsonfiletosetupthefirebaserulesforyourdatabase
Servetheapplicationagain.Ensureyouhaveadminprivileges
ngserve
DeploytoFirebaseServerInstallfirebasetoolsgloballynpminstall-gfirebase-tools
Authenticatewithyourfirebasecredentialsfirebaselogin
Setupfirebasehostingconfigurationfortheapplication,using"dist"insteadofpublicasthepublicfoldernamefirebaseinit
Createabuildngbuild
Serveuptheappusingfirebaseserverlocallyfirebaseserve
DeploySitetofirebasefirebasedeploy--onlyhosting
Setupfirebasefunctions-createsfunctionsfolderandinstallsdependenciesfirebaseinit
Deployfunctionstofirebasenpmrundeploy-functions
TestingTesttheapplicationusingngtest
评论